这是我在vue.config.js
中尝试过的事情:
module.exports = {
configureWebpack: {
optimization: {
splitChunks: {
cacheGroups: {
styles: {
name: 'styles',
test: /\.css$/,
chunks: 'all',
enforce: true,
},
},
},
},
},
css: {
sourceMap: devMode,
extract: {
filename: 'main.css',
},
},
};
我的输出目录中有多个CSS文件,我想将所有CSS文件合并/优化到一个文件中。我通过动态导入创建了多个块,不确定是不是原因。
在带有以前的CLI的旧webpack模板中,我使用extract-text-webpack-plugin
来完成工作,
我在下面的问题中找到了一些讨论,但是在提出这个问题时还没有解决方案。