最近刚升级到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-...


余命三日Coder
1 声望0 粉丝