hard-source-webpack-plugin

HardSourceWebpackPlugin

HardSourceWebpackPlugin 是 webpack 的一个插件，用于为模块提供中间缓存步骤。为了看到效果，你需要使用该插件运行两次 webpack：第一次构建将花费正常的时间。第二次构建将显著更快。 使用 npm install --save-dev hard-source-webpack-plugin 或 yarn add --dev hard-source-webpack-plugin 进行安装。然后将该插件包含在 webpack 的 plugins 配置中。

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

module.exports = {
  context: // ...
  entry: // ...
  output: // ...
  plugins: [
    new HardSourceWebpackPlugin()
  ]
}

你可以选择性地设置HardSource读写缓存的位置，以及决定何时创建新缓存的哈希值。

…

通过提供的插件，还可以进行一些进一步的配置。

  plugins: [
    new HardSourceWebpackPlugin(),

ExcludeModulePlugin

…

ParallelModulePlugin

…

选项

cacheDirectory

cacheDirectory 是缓存写入的位置。默认情况下，缓存存储在 node_modules 下的一个目录中，因此如果清除了 node_modules，缓存也会被清除。

cacheDirectory 中有一个字段 [confighash]，当 webpack 启动时，该字段会被 configHash 选项替换。[confighash] 字段的作用是帮助处理开发者或脚本对配置的更改。例如，如果同一个 webpack 配置被用于 webpack 命令行工具，然后又用于 webpack-dev-server 命令行工具，它们会生成不同的配置哈希。webpack-dev-server 会为其重载功能添加插件，而默认的哈希函数在添加这些插件后会产生不同的值。

configHash

configHash 在 webpack 实例启动时将 webpack 配置转换为哈希值，并由 cacheDirectory 用于为不同的 webpack 配置构建不同的缓存。

配置