webpack 性能优化

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

发表评论 (审核通过后显示评论):

昵称:
邮箱:
内容: