webpack - 从 karma 中排除 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"
我已经尝试在我的 karma 配置中添加非常多的排除排列

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

我试过 ignore-styles (这会抛出一个开箱即用的错误)。

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

失败的示例项目

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

运行测试时，您应该收到以下错误:

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

Answer 1

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

类似的东西:

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