目前先简略记录，以后用到时查文档，再选择详细记录👀

开发环境性能优化

优化打包构建的速度

HMR模块热替换：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块。极大提升构建速度。

优化代码调试

source-map：提供源代码到构建后代码的映射关系，便于代码调试。

生产环境性能优化

优化打包构建的速度

oneOf：避免每个文件都要被所有的loader尝试处理一遍。

babel缓存：让第二次及以后的打包构建速度更快。

多进程打包：利用多个进程打包构建，加快大项目的构建速度。

externals：避免某些使用cdn链接引入的第三方库被打包进来。

dll：对某些第三方库进行单独打包。

优化代码运行的性能

缓存（hash / chunkhash / contenthash）：让代码上线运行缓存更好使用

tree shaking：去除无用代码，减小代码体积。

code split：分割代码，输出为多个文件。

懒加载 / 预加载：当资源文件需要使用时才加载，或当浏览器空闲时提前加载资源文件。

pwa：渐进式网络开发应用程序，让页面离线可访问。