webpack - 为什么 webpack 中的 [contenthash] 不同？

Question

webpack.config.js

module.exports = {
entry: {
    app: './src/main.js',
},
output: {
    path: path.resolve(__dirname, './dist/js/'),
    publicPath: '/js/',
    filename: '[name].js',
    chunkFilename: 'chunk/[contenthash:32].js',  // use contenthash here
    hashDigestLength:32,
},

生成一个文件28024a27808de6fae79a1f5596584d3e.js，但实际上内容哈希是9c757e82e0a41d8e51228532a109a0d7

Answer 1

webpack 使用旧 md4 散列算法。它还在文件的 base64 编码版本上运行。

最重要的是，这是在文件的非压缩版本 上完成的。因此，您无法通过比较文件名的哈希值和最终缩小文件 的实际 md4 哈希值来检查 md4 值。它们永远不会匹配。

来源:https://webpack.js.org/plugins/hashed-module-ids-plugin/