build-hash-webpack-plugin v 1.0.4

生成包含构建hash的json文件的webpack插件。

这玩意有啥用啊?

对于每次打包,Webpack 都会在内存中生成一个 hash,从而判断两次的输出是否相同。

本插件的作用就是输出一个包含构建 hash 的 json 文件。

当您希望检查用户浏览器所运行的单页应用(SPA)是否可以更新新版本时,就是它登场的时候了。然后,SPA会定期把初始 hash 和远程的 hash 相比较,并在不匹配的时候重新加载。

输出示例

输出的 JSON 格式如下:

{"hash":"68aaedf27867fc4cb95d"}
1

安装

yarn add -D build-hash-webpack-plugin
1

配置

在您的 webpack 配置文件中:

import BuildHashPlugin from 'build-hash-webpack-plugin';
// ...
module.exports = {
    // ....
    plugins: [new BuildHashPlugin()]
}
1
2
3
4
5
6

配置项

您可以传入下面的参数:

filename 用于给文件设置名字。默认是:build-hash.json

new BuildHashPlugin({filename: 'build-hash.json'})
1