webpack 打包产生的文件名中,hash 与 chunkhash 的区别

Posted 山水一程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack 打包产生的文件名中,hash 与 chunkhash 的区别相关的知识,希望对你有一定的参考价值。

hash 类型 区别
hash 每一次打包都会生成一个唯一的 hash
chunkhash 根据每个 chunk 的内容来生成;
chunk打包时,output.filename、output.chunkFilename 推荐使用 chunkhash。
contenthash 根据提取文件的内容生成的 hash;
在使用 ExtractTextWebpackPlugin(webpack 3.x)或MiniCssExtractPlugin(webpack 4.x)时,使用 contenthash 提取出css部分代码到单独的css文件(比如:vue单文件组件中的style部分)


以上是关于webpack 打包产生的文件名中,hash 与 chunkhash 的区别的主要内容,如果未能解决你的问题,请参考以下文章

Webpack 打包自定义库时生成 [hash].worker.js 文件

Webpack中的文件指纹

Webpack中的文件指纹

webpack 每次打包公用vendor 每次hash都会变化,有办法解决吗

webpack+vue-cli项目打包技巧

webpack打包后iconfont文件路径问题解决