webpack 提升90%的构建速度 HardSourceWebpackPlugin

最新推荐文章于 2024-10-18 11:02:32 发布

weixin_30710457

最新推荐文章于 2024-10-18 11:02:32 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/web-fusheng/p/8732620.html

使用HardSourceWebpackPlugin插件虽然无法显著提升首次构建速度，但能够极大提高第二次及之后的构建效率。该插件通过缓存机制避免了重复工作，特别是在第二次构建时几乎可以达到99%的构建速度提升。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HardSourceWebpackPlugin 插件不能提升第一次构建的速度，但对于第二次构建能提升99%的构建速度

第一次构建：

第二次：

提升了。。，算不出来，反正就是很多啦~~~

npm install --save hard-source-webpack-plugin

// webpack.config.js
var HardSourceWebpackPlugin = require('hard-source-webpack-plugin');

new HardSourceWebpackPlugin({
  // Either an absolute path or relative to webpack's options.context.
  cacheDirectory: 'node_modules/.cache/hard-source/[confighash]',
  // Either an absolute path or relative to webpack's options.context.
  // Sets webpack's recordsPath if not already set.
  recordsPath: 'node_modules/.cache/hard-source/[confighash]/records.json',
  // Either a string of object hash function given a webpack config.
  configHash: function(webpackConfig) {
    // node-object-hash on npm can be used to build this.
    return require('node-object-hash')({sort: false}).hash(webpackConfig);
  },
  // Either false, a string, an object, or a project hashing function.
  environmentHash: {
    root: process.cwd(),
    directories: [],
    files: ['package-lock.json', 'yarn.lock'],
  },
}),