各位对优化webpack的编译速度有什么经验吗?
发布于 2 年前 作者 qinyang912 1980 次浏览 来自 问答

先说说我自己的😊:

  • 在multi entry的项目里,开发的时候,尽量多分一些chunks,这样在开发过程中,改了某个chunk下面的代码,不会导致过多的重复编译
  • scss代码量大的时候,也可以多拆分一些模块出来,在js文件里分开引入。不然改了scss,等待编译的过程会非常痛苦。之前我们为了方便管理scss的mixin和一些公共变量,整个工程只有一个scss的入口,导致每次改了scss之后编译的时间都要20s左右,及其痛苦。后来拆分开之后,每次改了编译时间基本在7s左右。不过还是有点慢,只是比起之前会好很多。
3 回复

哎,这个问题太冷门了么???

优化有很多,效果最明显的有两个: 1.webpack 插件DllReferencePlugin 2.happypack 这个可以多进程编译js,但是不能处理css 和image.

@SevenSharp 谢啦!!明天试试。

回到顶部