打包分析工具
speed-measure-webpack-plugin
分析步骤
- 是否有重复的包,如lodash、lodash-es,建议把所有的lodash改成lodash-es的引入方式;
- 比如是否有未引入的包,比如moment(moment有多语言包,但项目里面不需要),这个是在antd里面用到的,可以用webpack.IgnorePlugin插件去掉多语言包;
- 最大的模块是否按需加载,如antd-vue;
SplitChunksPlugin
cacheGroups: {
vendors: {
},<br />defaults: {<br /> <br />}<br />}