最近刚升级到vue-cli4,项目迁移完成打包后发现很多1KB的css文件,应该是异步加载组件内的css样式抽离打包后产生的,最后在GitHub找到了解决方案,在vue.config.js中的cacheGroups添加以下配置即可,优化后有效减少样式文件数量
styles: {
name: 'styles',
test: m => m.constructor.name === 'CssModule',
chunks: 'all',
minChunks: 1,
enforce: true
}
参考链接:
https://github.com/vuejs/vue-...
https://github.com/vuejs/vue-...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。