- Webpack 4 bundling
- ES6 support
- Sass support
- Live reload using Webpack Dev Server
- HTML Loader
- File Loader
- HTML Webpack Plugin
- Mini CSS Extract Plugin to extract CSS into separate files
- Clean Webpack Plugin to clean dist folder
Install Node.js.
Clone the repo into a new project folder, e.g. MyApp
.
$ git clone https://github.com/nadiannis/webpack-babel-sass-boilerplate.git MyApp
$ cd MyApp
Delete the old .git
history, then initialize new .git
repo.
$ rm -rf .git
$ git init
Install the dependencies.
$ npm install
Run the local webpack-dev-server & open http://localhost:8080/
$ npm run dev
Build the application.
$ npm run build
MIT © Annisa Nadia