vuex 编译项目_如何减少 webpack 构建 vue 项目的编译时间

背景

我司前端项目框架主要是 vue，多个项目聚集在同一个仓库下，共用公共组件、页面、工具函数等。基于以上前提，我们需要对不同的项目分别进行打包，并解决单页应用强制刷新引起的问题，所以没有使用 vue-cli 来创建，而是使用 webpack 重新编写了一套打包流程。

随着代码量的增长(百万行级)，加之电脑硬件性能不高等因素，我感觉项目初次启动时间越来越慢，目前大概在一分半到两分钟之间。某次编译启动时间如下：

泄特！这大大降低了开发体验。

找方案

网络上有很多关于 webpack 构建时间优化的文章，随便一搜就是一堆，这里就不一一列出来了。总结下来，可以由一下几个方面入手：

vue、vuex等不轻易更改的库，使用外部链接

文件缓存

多核并发编译

在一切开始之前，我更推荐先阅读以下官方文档：

方案实施

我基本上是按照上面的思路进行的，截取部分代码以作参考：

const config = {

externals: { // 下面这些库使用外部链接，不会被打包

'vue': 'Vue',

'vue-router': 'VueRouter',

'vuex': 'Vuex',

'buffer': 'undefined', // js-base64 require('buf