从业力中排除 scss 文件

Question

我希望 karma 完全忽略/不在乎/完全忘记样式文件。

我的 webpack 配置中有以下内容，这导致 webpack 在构建期间不导入文件。

plugins: [
    new webpack.IgnorePlugin(/\.(less|scss)$/), // ignore styles when running specs
    new webpack.IgnorePlugin(/client\/utils/), // ignore polyfills
],

但是，当 Karma 运行时，它会尝试执行导入，这当然会失败：

Uncaught Error: Cannot find module "./view.scss"

我尝试在我的业力配置中添加非常多的排除排列

exclude: [
    {
        pattern: '**/*.less',
        type: 'module',
    },
    {
        pattern: '**/*.scss',
        type: 'module',
    },
]

我尝试了ignore-styles（它会抛出一个开箱即用的错误）。

我只是希望它跳过样式文件，因为它们与测试无关，只是浪费时间构建。我不明白这怎么这么难。

失败的示例项目

https://github.com/JakobJingleheimer/fetch-mock-test （抱歉，npm install 可能有一些额外的包）。

当你运行测试时，你应该得到以下错误：

Uncaught Error: Cannot find module "./test.scss" at webpack:///…/src/client/TestComponent.jsx:3:0

Answer 1

您可以将您传递给karma-webpack 的webpack.config 文件配置为使用null-loader 作为*.scss 文件加载器。

类似的东西：

module: {
    rules: [
      {
        test: /\.scss/,
        use: 'null-loader'
      }
    ]
  }