📦 webpack 5 Boilerplate

Simple webpack 5 boilerplate with babel, SCSS and hot dev server. Production build is bundled, hashed and minified.

Installation

npm i

Usage

Development Server

npm start

@ localhost:8080.

Production Build

npm run build

Features

• webpack
• Babel
• Sass

Dependencies

webpack

• webpack - Module & asset bundler
• webpack-cli - webpack command line interface
• webpack-dev-server - webpack development server

Babel

• @babel/core - Transpile ES6+ to backwards compatible version of JavaScript
• @babel/plugin-proposal-class-properties - Transforms static class properties as well as properties declared with the property initializer syntax
• @babel/preset-env - Smart defaults

Loaders

• babel-loader - Transpile files with Babel & webpack
• sass-loader - Load SCSS &compile to CSS
• css-loader - Resolve imports
• style-loader - Inject CSS into el DOM

Plugins

• mini-css-extract-plugin - Extract CSS into separate files
• optimize-css-assets-webpack-plugin - Optimize & minimize CSS assets