Webpack 5: Setup Html Webpack Plugin

Published: 29 December 2020
on channel: DevTuts
22,402
180

In this video, I'm going to show you how to generate HTML files to serve your Webpack bundles automatically, and this is especially useful if Webpack bundles include a hash in the filename, which will change on every compilation, which makes the browser to get the latest version of the file from the server instead of using a cached one whenever it has a new hash. Webpack will do this for us with the help of the html-webpack-plugin.

Chapters:
00:00 Intro
00:21 Install Html Webpack Plugin
00:36 Configure Webpack 5 to use html-webpack-plugin
02:18 Use a Custom Template with html-webpack-plugin

Github Repo: https://github.com/rapidevelop/ex_web...

Full list of html-webpack-plugin configuration options: https://github.com/jantimon/html-webp...

#HtmlWebpackPlugin #Webpack5 #Webpack #JavaScript #WebDevelopment