解决 Vue 多页编译慢问题

问题描述：

vue-cli 创建的项目配置多页后，随着多页入口的增加，编译日渐缓慢，严重影响开发效率。

目前项目 12 个入口，启动服务 21 秒，热编译 3 秒（每保存一次代码，需要等 3 秒才能看效果）。

检查发现主要是html-webpack-plugin这个插件处理时间长，应该是原来针对单页设计，缺乏对多页的优化支持。

插件官方已经有对多页编译有一定优化的 4.x 版本，需要 webpack 4 的支持，尚未正式发布（vue-cli 3 引用的还是 3.x）

解决步骤：

升级 vue-cli 3 正式版，webpack 升到 4

本地克隆html-webpack-plugin，并检出需要的特性分支

cd node_modules/@vue/cli-service/node_modules
git clone https://github.com/jantimon/html-webpack-plugin.git
git checkout feature/cache-file-timestamps

第 2 步操作完后，执行yarn serve无法启动服务，与@vue/preload-webpack-plugin有冲突，vue 官方对这个插件有定制，不好升级

禁用preload和prefetch插件，目前用不到，后续如果需要可以在最终打包时启用

// vue.config.js
module.exports = {
    chainWebpack: (config) => {
        Object.keys(pagesObj).forEach(entryName => {
            config.plugins.delete(`prefetch-${entryName}`)
            config.plugins.delete(`preload-${entryName}`)
        })
        config.plugins.delete('pwa')
    },