/webpack-babel-sass-boilerplate

🚀 A webpack boilerplate with Babel and Sass/ SCSS

Primary LanguageJavaScriptMIT LicenseMIT

Webpack-Babel-Sass Boilerplate

A webpack boilerplate with Babel and Sass/ SCSS

Features

  • 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

Requirement

Install Node.js.

Usage

Getting Started

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

Setup

Install the dependencies.

$ npm install

Development

Run the local webpack-dev-server & open http://localhost:8080/

$ npm run dev

Production

Build the application.

$ npm run build

License

MIT © Annisa Nadia