html-sass-babel-boilerplate

Simple boilerplate for building web app with node-sass and @babel/cli.

---

Install

# Clone repository from GitHub to <directory>
$ git clone https://github.com/oliverfindl/html-sass-babel-boilerplate <directory>

# Switch to <directory>
$ cd <directory>

# Install all dependencies
$ npm install

# [optional] Check and update all dependencies
$ npm outdated
$ npm update

Usage

# Build and minify both resources
$ npm run build

# Build and minify main.js file
$ npm run build:js

# Watch for changes in main.js file
$ npm run watch:js

# Build and minify main.scss file
$ npm run build:css

# Watch for changes in main.scss file
$ npm run watch:css

# Lint main.js file
$ lint:js

# Fix main.js file
$ lint:js:fix

Structure

.                           # root
├── dist                    # directory for distributables
│   ├── css                 # directory for minified css files
│   └── js                  # directory for minified js files
├── src                     # directory for source code
│   ├── js                  # directory for js files
│   │   └── main.js         # main js file
│   └── scss                # directory for scss files
│       ├── functions.scss  # scss file for functions
│       ├── main.scss       # main scss file
│       └── variables.scss  # scss file for variables
├── index.html              # index file for web app
├── package.json            # npm configuration file
└── purgecss.config.js      # purgecss configuration file

---

License

MIT