romuloctba / simple-sass-pug-webpack-starter

Frontend Starter with Pug, Sass and Webpack.

Based on webpack-sass-bootstrap-boilerplate.

• Added Pug
• Added ImageOpt
• Added baseUrl support
• Webpack 4 bundling
• Babel ES6 Compiler
• Sass Compiler
• Bootstrap v4
• jQuery 3.3.1
• Popper.js
• Webpack Dev Server
• Generates gzip of both css and js files

Webpack Loaders

This starter contains the following webpack loaders:

• Sass Loader for compiling sass (SCSS)
• File Loader for loading asset files
• HTML Loader for loading HTML files
• Babel Loader for compiling ES6 code

Webpack Plugins

The following webpack plugins are also included:

• Extract Text Plugin for extracting CSS files
• Clean Webpack Plugin for cleaning unwanted files in dist directory
• HTML Webpack Plugin for generating HTML files
• Webpack Provider Plugin for providing jQuery & popper js to Bootstrap
• Glob for matching HTML files

Getting Started

Quick Start

Clone the repo:

Navigate to the project folder:

npm install

npm start

open a browser and navigate to: http://localhost:8080/ 

Building files can be done as follows:

npm run build