项目中 webpack dev server 服务启动太慢了,而且app.js 太大,每次修改文件后页面刷新很慢。
image.png

要查看 webapck dev serve 信息:

  1. devServer.quite = false
  2. // 信息查看
  3. devServer.stats= {
  4. timings: true,
  5. modules: false,
  6. assets: false,
  7. entrypoints: false,
  8. assetsSort: 'field',
  9. builtAt: false,
  10. cached: false,
  11. cachedAssets: false,
  12. children: false,
  13. chunks: false,
  14. chunkGroups: false,
  15. chunkModules: false,
  16. chunkOrigins: false,
  17. performance: true,
  18. errors: true,
  19. warnings: true,
  20. },

image.png

先用speed-measure-webpack-plugin分析 打包时间

image.png
可以看到标红的是vue-loaderbabel-loader
npm install --save-dev webpack-bundle-analyzer

https://www.npmjs.com/package/hard-source-webpack-plugin

new HardSourceWebpackPlugin()

echarts 升级 ,按需引入

element 按需引入