Webpack for Beginners: Your Step-by-Step Guide to Learning Webpack 4

© Mohamed Bouzid 2020

M. BouzidWebpack for Beginnershttps://doi.org/10.1007/978-1-4842-5896-5_4

4. Cache

Mohamed Bouzid¹ 

(1)

NA, Morocco

 

This chapter is mainly about dealing with caches and how we can automate the process of naming our files in a way that will ensure the browser fetches the latest version of resources when those resources are updated. We will see how to use substitutions, which are nothing more than placeholders for strings resolved at compilation time, in order to compose the names of our files and also to add the necessary hash string to it. Finally, we will see how to update those file names in our HTML dynamically whenever an asset is updated.

Output Files Naming

So far, we have used webpack to build one JavaScript file (application.js) ...