码迷,mamicode.com
首页 > Web开发 > 详细

略微讲讲最近的 webpack 该如何加快编译

时间:2019-02-25 00:36:31      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:ade   ali   sass   一个   观察   加速   手动   react   情况   

首先假设 基础的环境是有 creat-react-app 所创建的
即所有基础的loader,插件的 cache 都已经缓存了
在这种情况下想加速,真是很难

不过,有一个插件是可以观察 各个模块所花的时间的:speed-measure-webpack-plugin,他给了我们一个观察点

有很多文章都会说 happypack 有能加速的效果
但是经过我的实际测试,效果不明显甚至无效
他的 bug 也很多,很多 loader 都无法会出现报错,如果没有时间和对于 webpack 的了解,就不要用了

node 升级

有一项是比较有用的即升级 node ,不得不说这是一种有效的方法

alias

项目文件多的可以多使用这个 ,对于打包有一定速度的提升

DLL & DllReference

这个方法至今仍然是最有效的方法,不过配置稍微麻烦了点 但是不能支持 preload-webpack-plugin 需要手动写,或者自己写一个插件

fast-sass-loader

代替sass-loader,据说是有效的,但是我暂未尝试

略微讲讲最近的 webpack 该如何加快编译

标签:ade   ali   sass   一个   观察   加速   手动   react   情况   

原文地址:https://www.cnblogs.com/Grewer/p/10428629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!