webpack 性能优化

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

本文章由javascript技术分享原创和收集