从业力中排除scss文件

Question

我希望业力完全忽略/不关心/完全忘记样式文件。

我的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/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的{​​{1}}文件配置为使用null-loader作为karma-webpack文件加载器。

类似的东西：

*.scss