webpack性能优化

168 阅读1分钟

想要提升webpack打包速度从以下方面去着手

1.对于不同工具版本进行更新迭代

(webapck/node /npm /yarn )由于运行环境工具 的版本升级,工具内部自身得到优化,自然webapck 打包速度就变快


2.合理使用resolve,针对以下js/jsx结尾的文件直接不要写后缀

 主要找的是先从index或者child的文件去找或者在resolve下新增alias,某个常量代表某个路径下的文件也可以,可提升打包速度


3.Dll抽离第三方插件,打包一次即可,之后不需要打包直接当作库存起来映射到原来的文件,

之后就不需要格外打包第三方库,进而提升其打包速度


4.控制包文件大小

 未用到的包通过treeshaking的方式去除name代码量自然少了

splitchunks配置,进行code spliting将一个大文件拆分成多个小文件,happypack多进程打包方式提升打包速度