美文网首页
提高webpack的构建速度的几种方法概括 2021-05-08

提高webpack的构建速度的几种方法概括 2021-05-08

作者: October_CanYang | 来源:发表于2021-05-08 21:09 被阅读0次

    提高webpack的构建速度的几种方法概括

    通过externals配置来提取常用库

    利用DllPlugin和DllReferencePlugin预编译资源模块,通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译,再通过DllReferencePlugin将预编译的模块加载进来。

    使用Happypack 实现多线程加速编译,要注意的第一点是,它对file-loader和url-loader支持不好,所以这两个loader就不需要换成happypack了,其他loader可以类似地换一下

    使用Tree-shaking和Scope Hoisting来剔除多余代码

    使用fast-sass-loader代替sass-loader

    babel-loader开启缓存

    babel-loader在执行的时候,可能会产生一些运行期间重复的公共文件,造成代码体积大冗余,同时也会减慢编译效率
    可以加上cacheDirectory参数或使用 transform-runtime 插件试试

    相关文章

      网友评论

          本文标题:提高webpack的构建速度的几种方法概括 2021-05-08

          本文链接:https://www.haomeiwen.com/subject/bkdpdltx.html