webpack4配置只是从JS文件中提取CSS

Question

在我的react应用程序中，我有一个webpack配置，用于提取scss并最终使用mini-css-extract-plugin生成单独的CSS文件。模块规则如下。

现在，它同时生成JS和CSS文件。如其他一些SO问题所述，我可以删除那些文件。但是，主要问题是，由于不必要地生成了这些JS，因此构建会花费更多时间。我希望babel-loader仅阅读JS并提取SCSS导入信息。仅此而已。无需进一步评估JS或生成JS文件。

有什么办法可以做到吗？提前致谢。

module: {
rules: [{
  test: /\.js$/,
  include: path.join(__dirname, '../../src/'),
  exclude: [
    /(node_modules)/,
    /utils\/trackingLayer.js/
  ],
  use: {
    loader: 'babel-loader',
    options: {
      cacheDirectory: true
    } 
  }      
},{
  test: /\.scss$/,
  include: path.join(__dirname, '../../src/components/'),
  use: [
      MiniCssExtractPlugin.loader, cssLoader, postcssLoader, sassLoader
  ]}]
}