Learn Webpack Pt. 6: Cache Busting and Plugins

Learn Webpack Pt. 6: Cache Busting and Plugins

Colt Steele

5 лет назад

35,249 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Yusuf F
Yusuf F - 12.11.2023 00:39

Thank you so much, Colt! Your videos made me like web development. I really appreciate your valuable and professional content! And this video just helped me with browser caching issues after each deployment.

Ответить
öfkeli şirin
öfkeli şirin - 28.02.2023 11:56

[contentHash] did not work for me [contenthash] works. Might be something to do with new versions of Webpack. Thanks for the great video series.

Ответить
David Levin
David Levin - 08.02.2023 18:58

Is there a good plugin for generating revision manifest files in case you want to use server-side cachebusting? I believe the popular manifest file name convention is “rev-manifest.json”

Ответить
kandé babou
kandé babou - 29.01.2023 10:10

hi, how would cashing work if your are using a cdn to host your site like cloudflare. cloudflare caches a version of your site on their servers, so when certain users request your site , they are getting the cache version of cloudflare. So how can you make cloudflare fetch your code updates and update its cache?

Ответить
Diego H. O'Hagan
Diego H. O'Hagan - 14.11.2022 21:19

In webpack 5, i believe you need to use [contenthash] with an "h" instead of an "H" or it won't work

Ответить
Carlos López
Carlos López - 25.10.2022 23:52

For some reason now [contenthash] must be al lowercase 🤓

Ответить
Manga Boss
Manga Boss - 08.08.2022 19:40

In part6, be sure to use contenthash all lowercase instead of contentHash

Ответить
Techno_Abhishek
Techno_Abhishek - 05.07.2022 13:38

I am using requirejs, how to import dynanic filename in requirejs dependency?

Ответить
Ashwani Kumar
Ashwani Kumar - 11.04.2022 17:37

it will be great if you create wepack in more detail.

Ответить
Known Technical
Known Technical - 16.08.2021 07:05

Its nice Colt but I am lookig for the solution, how can we implement this in angular

Ответить
ParamPampam
ParamPampam - 26.04.2021 10:36

If you're concerned that the script is being put in <head>, you can add parameter inject: 'body' to the config like this:
plugins: [new HtmlWebpackPlugin({
template: "./src/template.html",
inject: 'body'
})],

Ответить
Himbary
Himbary - 25.04.2021 02:21

Super interesting, I was always wondering where the weird names come from

Ответить
Pooja Sharma
Pooja Sharma - 28.03.2021 07:17

This series is awesome. I never thought of that I will understand webpack in such details. Thanks a lot. ❤️

Ответить
Bruna Leão
Bruna Leão - 17.01.2021 04:44

Thank you for this course. You have made webpack so easy to understand!

Ответить
Aaron DZ
Aaron DZ - 16.01.2021 16:53

Thanks.Outstanding work!

Ответить
Woman InTech
Woman InTech - 06.01.2021 02:10

nice thanks!

Ответить
Karahan
Karahan - 30.11.2020 13:17

If [contentHash] doesn't work for you try [contenthash] with lower h.

Ответить
Shyam Iyengar
Shyam Iyengar - 24.11.2020 15:41

For those people whose [contentHash] is not working, use [contenthash] instead

Ответить