Webpack：打包分析，Preloading, Prefetching

打包分析概念

当用webpack代码打包之后，可以借助打包分析的工具对打包生成的文件进行一定的分析，分析打包是否合理

分析工具：https://github.com/webpack/analyse

分析工具2：https://alexkuz.github.io/webpack-chart/

生成打包过程描述文件

把打包描述放置到stats.json里

"scripts": {
    "dev-build": "webpack --profile --json > stats.json --config ./build/webpack.dev.js",
    "dev": "webpack-dev-server --config ./build/webpack.dev.js",
    "build": "webpack --config ./build/webpack.prod.js"
  }

Preloading ，Prefetching

文档：https://webpack.js.org/guides/code-splitting#prefetchingpreloading-modules

prefetch：会等待核心代码加载完成后，页面带宽空闲后再去加载prefectch对应的文件

preload：和主文件一起去加载

可以用prefetch来解决懒加载的用户体验问题

现在的前端性能优化，缓存不是最重要的点，最重要的是code coverage代码覆盖率