Awesome Open Source
Awesome Open Source

Webpack 5 Boilerplate

npm npm npm

A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board

Requirements

You only need node.js >=10.13.0 pre-installed and you’re good to go.

If you don’t want to work with lodash, just remove it from the node packages.

Usage

Download to target directory or use this repository as a template

$ curl -L -o master.zip https://github.com/cvgellhorn/webpack-boilerplate/archive/master.zip && unzip master.zip && rm master.zip && mv ./webpack-boilerplate-master/{.,}* ./ && rm -r ./webpack-boilerplate-master

Setup

Install dependencies

$ npm install

Development

Build the app in dev mode and run webpack serve with livereload and autocompile on http://0.0.0.0:8080/

$ npm run dev

Production

Build the app in production mode

$ npm run build

webpack

If you're not familiar with webpack, webpack serve will serve the static files in your build folder and watch your source files for changes. When changes are made the bundle will be recompiled. This modified bundle is served from memory at the relative path specified in publicPath.

Alternatives To Webpack Boilerplate
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,075,984
Webpack (23,675
Webpack4 (23,675
Sass (14,705
Babel (7,993
Lodash (1,509
Webpack5 (241
Webpack Boilerplate (90
Leightweight (6