https://github.com/wisdomfusion/webpack-static-site-boilerplate

Webpack 4 static site boilerplate with ES6+, SASS/LESS support, dev-server and livereload.
https://github.com/wisdomfusion/webpack-static-site-boilerplate

es6 less sass webpack webpack4

Last synced: about 2 months ago
JSON representation

Webpack 4 static site boilerplate with ES6+, SASS/LESS support, dev-server and livereload.

• Host: GitHub
• URL: https://github.com/wisdomfusion/webpack-static-site-boilerplate
• Owner: wisdomfusion
• License: mit
• Created: 2019-04-18T00:22:47.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:48:38.000Z (almost 2 years ago)
• Last Synced: 2023-08-03T01:12:12.385Z (over 1 year ago)
• Topics: es6, less, sass, webpack, webpack4
• Language: JavaScript
• Homepage:
• Size: 3.5 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Webpack 4 static site boilerplate with ES6+, SASS/LESS support and dev-server

## Instructions

This Webpack 4 Boilerplate comes with 4 build options:

### start build

starts dev server on `localhost:8080` with livereload:

```

npm run start

```

### watch build

builds in development mode, and watch source files in `./src`, build when files changes:

```

npm run watch

```

### dev build

builds in development mode:

```

npm run dev

```

### prod build

builds in production mode, with optimization and minimization:

```

npm run prod

```

## Setup

```

npm i

```

## Preprocessor support (default: Sass)

### SASS PreProcessor

```

npm i -D less less-loader

npm rm node-sass sass-loader

```

Set `cssPreprocessor` in webpack.config.js to **sass**.

### LESS Preprocessor

```

npm i -D less less-loader

npm rm node-sass sass-loader

```

Set `cssPreprocessor` in webpack.config.js to **less**.