webpack4缓存

使用打包的目的是提升项目启动速度，提升开发体验，webpack的打包方式就是把项目内全部文件都走一遍loader和babel处理，所以项目文件内容越来越多，启动的时间就越来越长，随随便便就 run 一分钟。

webpack4 使用 hard-source-webpack-plugin

module.exports = {plugins: [new HardSourceWebpackPlugin({cacheDirectory: './jenson/[confighash]', // 修改打包目录 dist/jenson// 自动清除配置cachePrune: {// 存储天数 10 daymaxAge: 10 * 24 * 60 * 60 * 1000,// 最大存储 1GsizeThreshold: 1 * 1024 * 1024 * 1024,}})],
}

webpack5缓存

将 cache 类型设置为内存或者文件系统。memory 选项很简单，它告诉 webpack 在内存中存储缓存，不允许额外的配置

Cache | webpack 中文文档

module.exports = {cache: {type: 'filesystem',allowCollectingMemory: true,},
};