防止 Webpack SplitChunksPlugin 生成 CSS 文件答案

【问题标题】：Prevent Webpack SplitChunksPlugin from generating CSS files防止 Webpack SplitChunksPlugin 生成 CSS 文件
【发布时间】：2020-12-11 20:02:19
【问题描述】：

我使用 SplitChunksPlugin 将所有供应商 JS 从 vendor/ 和 node_modules/ 文件夹移动到一个单独的文件中：

splitChunks: {
    cacheGroups: {
        vendor: {
          test: /[\\/](vendor|node_modules)[\\/]/,
          name: 'vendor',
          chunks: 'all'
        }
    }
},

我还使用 MiniCssExtractPlugin 来编译我的 SCSS 样式并将其移动到一个单独的文件夹中。

new MiniCssExtractPlugin({
    filename: './assets/css/[name].bundle.css',
}),

他们两个一起也创建了一个vendor.bundle.css我根本不需要，因为我所有的样式都是从 SCSS 文件生成的。有什么方法可以防止它生成？

【问题讨论】：

标签： javascript webpack mini-css-extract-plugin webpack-splitchunks

【解决方案1】：

看起来我只需要正确地做一个测试：

test: /[\\/](vendor|node_modules)[\\/](?=.*\.js$)/,

所以它只查找 JavaScript 文件。

【讨论】：