Skip to content

Webpack

How to Setup Webpack and Babel

How to Setup Webpack and Babel

You may be using ES6 or ECMAScript 2015. Not all browsers support all of the newest features without a transform. In this Webpack 5 video tutorial, I’m going to show you how to set up Webpack with babel-loader to compile ES6+ into ES5.

How to Setup Html Webpack Plugin

How to Setup Html Webpack Plugin

In this Webpack 5 video tutorial, 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. Webpack will do this for us with the help of the html-webpack-plugin.

How to Setup Webpack Dev Server

How to Setup Webpack Dev Server

In this Webpack 5 video tutorial, I’m going to show you how to set up a Webpack dev server. It will allow us to set up a development web server that will watch our project for changes. And it will automatically reload our project when things change.

How to Install Webpack 5

How to Install Webpack 5

In this Webpack 5 video tutorial, I’m going to show you how to install Webpack 5 and Webpack CLI, run the Webpack from the command line, create a Webpack config file, set up an NPM script to run Webpack, and finally run Webpack in watch mode.