webpack产出代码性能优化

69 阅读1分钟

一、小图片base64编码

二、bundle加hash

三、懒加载import

四、缓存分组(第三方库、公共代码提取)

五、IngorePlugin

六、开启production

vue、react等会自动删掉调试代码,减少体积

开启Tree-Shaking,不打包没有引用的函数

ES6 Module 才能让tree-shaking生效,commonjs就不行

六、Scope Hostiong

ModuleConcatenationPlugin