微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

webpack-优化编译速度

编译缓存

cache-loader

一些性能开销较大的 loader 前面添加 cache-loader,将结果缓存在磁盘中减少编译时间

npm install --save-dev cache-loader

{
 test: /\.js$/,
 use: ['cache-loader', 'babel-loader'],
 include: path.resolve('src')
 },

hard-source-webpack-plugin

缓存文件依赖,需要运行两次,第一次构建将花费正常时间。第二个版本将明显更快

npm i hard-source-webpack-plugin -D

const HardSourceWebpackPlugin = require('hard-source-webpack-plugin')
plugins.push(new hardSourceWebpackPlugin())

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐