我正在尝试在一个webpack项目中使用SCSS。从sass-loader的官方文档（你可以在这里看到：https://webpack.js.org/loaders/sass-loader/）我复制了配置文件。但是编译失败是因为Error: Conflict: Multiple chunks emit assets to the same filename main.js (chunks index and runtime)。更重要的是，即使我没有在index.js中导入SCSS文件，也会出现同样的错误。我没发现少了什么。
我的webpack.coinfig.js文件：

const path = require('path');

module.exports = {
  mode: 'development',
  entry: {
    index: './src/index.js'
  },
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist'),
  },
  devServer: {
    static: './dist'
  },
  devtool: 'inline-source-map',
  optimization: {
    runtimeChunk: 'single'
  },
  // to use SASS
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          "style-loader",
          // Translates CSS into CommonJS
          "css-loader",
          // Compiles Sass to CSS
          {
            loader: "sass-loader",
            options: {
              // Prefer `dart-sass`
              implementation: require("sass"),
            },
          },
        ]
      }
    ]
  }
};

我所有的文件都在这个github仓库里：https://github.com/black-RAM/kajs-cooking。