Vue CLI 3使用DllPlugin实现预编译加速构建

vue-cli3 的构建速度提升,DllPlugin 真的帮了大忙。像平时打包个大项目,动不动三四分钟,等得人脑壳疼。我后来直接上了 DllPlugin,把那些基本不动的大库预编译了一波,效果挺。是配合 cdn 引库,monaco-editor这种重量级的货,用 cdn 省了不少体积,构建也顺滑了。

升级到vue-cli3webpack4其实也挺香。webpack4 那套优化机制比老版本聪明多了,打包速度直接从 3 分钟飙到不到 1 分钟,真实体验就一个字:爽。你可以参考一下这篇升级过程,写得还不错。

,DllPlugin 配置稍微绕点,主要是要提前打包一份 dll,在主配置里引入。不过上手之后就熟了,日常构建节省的时间完全值这个成本。

对了,还有几个文章也蛮实用:

如果你项目体积不小、打包时间又拖拖拉拉,可以试试 DllPlugin+cdn 组合拳,真的能省不少等待时间。

pdf 文件大小:48.39KB