Webpack 4 Boilerplate for beginners

A basic webpack 4 boilerplate for beginners to start with any JS/ES6 based project. This project uses basic html with scss. It includes working background images in scss as well as file loading in html. Uses Dev Server and Sourcemaps for easy debugging. Includes stylelinting and fixes for cleaner css. Uses Babel to convert ES6 to ES5.

Loaders and Plugins used in this boilerplate

Loaders

• html-loader
• sass-loader
• css-loader
• style-loader
• file-loader
• babel-loader

Plugins

• clean-webpack-plugin
• mini-css-extract-plugin
• html-webpack-plugin
• style-lint-plugin
• optimize-css-assets-webpack-plugin
• uglify-js-plugin