优化构建速度(可用于生产环境)
- 优化babel-loader(明确打包范围范围、排除范围)
- IngorePlugin(避免某些模块引用,减小体积)
- noParse (避免打包某些东西,提高打包速度)
- happyPack 多进程打包js,提高速度
- ParallelUglifyPlugin 多进程压缩代码,只用于生产环境
优化构建速度(不可用于生产环境)
- 自动刷新
- 热更新
- DiiPlugin
优化产出代码
思路
- 体积更小
- 合理分包,不重复加载
- 速度更快、内存使用更少
做法
- 小图片base64编码
- bundle加hash (产出文件后缀加hase8位,缓存)
- 懒加载(import语法 返回promise对象,和vue异步组件、路由原理一样)
- 提取公共代码
- IngorePlugin
- 使用cdn加速
- 使用production 自动压缩代码
- Scope Hosting
网友评论