生成环境优化总结

lyz自学代码

---

前言

生产环境最终的目的：是为了将来上线的项目性能达到最好，提高用户体验

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、生产环境打包构建速度优化

1、oneOf

1、只匹配一种loader，匹配到了就不继续匹配了
2、不能将处理一种资源的两个loader放在oneOf中，因为有一个不会执行

2、babel缓存

1、有利于js文件的处理

3、多线程打包

多个线程打包

4、externals

5、dll

对文件单独打包

二。生产环境性能优化

1、缓存（hash-chunkhash-contenthash）

2、tree shaking

1、去除没有使用的代码
必须开启ES6模块化
生产模式下默认启动
2、可以使用sideEffect：[]，保留不被去掉的代码

3、code split

1、单入口和多入口

4、懒加载/预加载

1、懒加载：使用时加载
2、预加载：先加载不运行，使用时运行

5、pwa

离线也可访问