Webpack 5 Full Project Setup

We are going for the big haul on this one. We’ll start out creating a new Webpack 5 project, putting it on Github, and adding all the parts we need as we go. By the end we’ll have a Single Page App (SPA) setup that is hosted with some basic continuous integration (CI) so that every time we push, or make a pull request, to the main branch our site automatically updates. We’ll be covering a ton of common functionalities needed in a Webpack project such as: - Babel and @babel/preset-env for modern JavaScript transpiling. - CSS, SASS, PostCSS with postcss-preset-env for CSS fallbacks for better cross-browser support. - Browserslist config for customizing the browsers you want to support for JS and CSS, all in one place. - Outputting all CSS to a file with mini-css-extract-plugin - HTML templates with html-webpack-plugin - Cleaning the output folder every build with clean-webpack-plugin - React with the new automatic importing functionality supported in React 17 throug
Back to Top