缓存优化太牛了,直接快了85%!

134 阅读1分钟

webpack缓存优化,模块提供中间缓存,配置后首次构建时间并没有太大的变化,但是第二次开始,构建时间将会大大的加快

www.npmjs.com/package/har…

npm install hard-source-webpack-plugin -D
const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
module.exports = {
    configureWebpack: (config) => {
        config.plugins.push(new HardSourceWebpackPlugin());
    }
}

开发编译对比

添加缓存优化前

image.png

添加缓存优化后

image.png

打包构建对比

添加缓存优化前

img_v3_02cn_6761fd28-aaee-4c79-909b-850993ef38bg.jpg

添加缓存优化后

img_v3_02cn_d9ade08e-808b-4e2e-b8f5-968d9b353f1g.jpg

实测开发编译快了85%,打包构建快了82%! 太nb了,墙!裂!推!荐! 给项目加上