Html-webpack-plugin: `[hash]` in filename uses template file hash, not hash of built html
When using new HtmlWebpackPlugin({ filename: 'index-[hash].html', ...}), the hash value seems to be based on the text content of the template file, not on what it produces. This means that changing dependent chunks will not update the output filename, even though the contents have changed. This appears to be the case with both inject: true and explicitly using ejs templating to include <script src="..."></script> tags.
E.g., if I have a template index.html:
<html>
<body>
</body>
</html>
and use a webpack config with:
entry: {index: 'index.js'},
output: {path: 'build/', filename: '[name]-[hash].js'},
plugins: [
new HtmlWebpackPlugin({
filename: 'index-[hash].html',
template: 'index.html',
inject: true,
chunks: ['index'],
}),
]
````
and then get a `build/index-aaaaaaaa.html` of:
```html
<html>
<body>
<script type="text/javascript" src="index-bbbbbbb.js"></script>
</body>
</html>
and then change the javascript for index.js, I'll get a build/index-aaaaaaaa.html (same file name as before) of:
<html>
<body>
<script type="text/javascript" src="index-cccccccc.js"></script>
</body>
</html>
jenan-stripe
All 14 comments
Here is a minimal reproduction.
jenan-stripe
on 23 Jan 2017
+1
JuoCode
on 11 Feb 2017
@jenan-stripe the reason is that it uses the hashing algorithm by webpack - otherwise we would have issues with caching while using the webpack middleware or the webpack dev server
jantimon
on 13 Feb 2017
@jantimon Hm does anything else in webpack exhibit this behavior, where the contents may change but the fingerprint does not?
jenan-stripe
on 13 Feb 2017
@jenan-stripe I'm running into the same problem with a similar configuration. were you able to get it to work?
lbalceda
on 23 May 2017
@lbalceda Nope. I'm manually fingerprinting in a post-build step.
jenan-stripe
on 23 May 2017
It makes it very hard to cache the html in a service worker for offline use. This is definitely something that should be fixed.
moimael
on 13 Jun 2017
@jenan-stripe Did u still manually fingerprinting in a post-build step or find a new way to get it work?
Measy
on 31 Oct 2017
@Measy Still manually fingerprinting.
jenan-stripe
on 31 Oct 2017
I guess we could add [contenthash] like extract-text-webpack-plugin is doing: https://github.com/webpack-contrib/extract-text-webpack-plugin/blob/8de6558e33487e7606e7cd7cb2adc2cccafef272/src/index.js#L212-L214
mastilver
on 31 Oct 2017
Any progress on this ?
moimael
on 8 Feb 2018
This issue had no activity for at least half a year. It's subject to automatic issue closing if there is no activity in the next 15 days.
![stale[bot] picture](https://avatars.githubusercontent.com/in/1724?v=4&s=40)
stale[bot]
on 7 Aug 2018
We should add the [contenthash] solution proposed by matsilver
jantimon
on 7 Aug 2018
Fixed with #1021
jantimon
on 8 Jan 2019
Related issues
NeverwinterMoon
路
3Comments
klinki
路
3Comments
mmjamal
路
3Comments
rokoroku
路
3Comments
azat-io
路
4Comments
Most helpful comment
+1