先通过 DevTools 的 Lighthouse 分析一下。一般来说都是 JS 包太大了导致的。所以引入 webpack-bundle-analyzer 来分析以下构建完之后的包哪些部分占用的比较多。大多数情况都是 momentjs 这种类库重复引入了。提出来成为公共JS能减少很大空间。VueCLI 构建的项目,直接在构建在构建命令后面增加 --report 即可,会在构建完成之后打开分页报告。npm run build --report
先通过
DevTools
的Lighthouse
分析一下。一般来说都是JS
包太大了导致的。所以引入 webpack-bundle-analyzer 来分析以下构建完之后的包哪些部分占用的比较多。大多数情况都是momentjs
这种类库重复引入了。提出来成为公共JS能减少很大空间。VueCLI 构建的项目,直接在构建在构建命令后面增加 --report 即可,会在构建完成之后打开分页报告。