CODEWITHSUNDEEP
webpackangular5webpack-3.6
Marshall Tigerus
Marshall Tigerus

Reputation: 3764

Preventing Caching in webpack 3.6

We are currently using webpack 3.6 to build our angular 5 application. However, the way we have our webpack.config.js file, it generates files with the same names always (e.g. main.js). We'd like to have these be uniquely named to prevent caching.

In newer versions of webpack (4.3+) there is a [contenthash] tag that would provide this. However, something breaks when we update to version 4.3 or higher, and we are not able to put the effort forward at this time to resolve it.

Is there a clean way to generate unique names on every build without having to update to a newer version?

Upvotes: 1

Views: 62

Answers (1)

sdgluck
sdgluck

Reputation: 27327

You can use [hash]:

the unique hash generated for every build

Example:

output: {
  filename: "[name].[hash].js"
}

Read more in the docs for output.filename.

Or in the SurviveJS Webpack Book.

Upvotes: 1

Related Questions