Use compilation hash within js file

Question

I use HtmlWebpackPlugin to generate my index.html through template. In there I write

var compilationHash = <%= webpack.hash %>

But this is of course in the html file. Similarly, I want to access the same hash in the bundle file. But obviously webpack is not available there. Is there a way to somehow provide webpack.hash into the file so I can access it just like the way I do var something = process.env.SOMETHING?

I hoped ProvidePlugin could be handy here, but not sure how I can access compilation hash in there.

alechill · Accepted Answer · 2017-11-23 11:54:59Z

3

So this is a bit chicken and egg. In order to generate the content hash, webpack needs to know all the content, yet if it were able to then inject the hash into the bundle itself as a variable, the content hash would then be different to that it has already calculated.

While I'm dubious as to why you would need the hash itself inside the bundle, you can access the variable you have assigned in your HTML from inside the bundle with no need for plugins, via webpack's global.

This is assigned by webpack to whatever scope the bundle itself has been is executed within, in a webpage like yours that would be window, so you can access your variable via global.compilationHash

This has the caveat of only being available at runtime, and will always be undefined unless you provide it (ie if needed in your tests you will need to provide it to the test runner scope before you execute the code that uses it)

answered Nov 23, 2017 at 11:54

alechill

4,56223 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Salman Over a year ago

I actually thought about it later :P It really is a vicious circle. Thanks for the explanation.

Collectives™ on Stack Overflow

Use compilation hash within js file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related