webpack 热更新优化

webpack 热更新优化

问题描述

在多页面项目开发中，开发环境的热更新下，会发现随着页面的增多，热更新的编译时间会越来越长，本人项目在十几页的情况下，编译达到30s，这无疑浪费了时间。以下是一种解决方案；

解决方案

这种方案的思路为，开发环境中，每人负责的都是一部分模块或者组件，所以热更新可以只编译自己当前需要的页面，而没必要把所有的页面全部编译。创建一个 selfConfig.js 设置需要保存的页面，然后在 webpack 配置中，配置，只属于需要的页面去编译热更新。加快开发环境中的编译速度。

// selfConfig.js
module.exports = [
    'imScence',
    'mLogin'
];

// webpack.base.conf.js  
// 部分关键代码
const selfConfig = require("./selfConfig");

for (le