komodev / Bootstrap-4-Boilerplate

Bootstrap 4 Boilerplate with FontAwesome 5, SASS, BrowserSync, Assets Optimization and Gulp.js

Bootstrap 4 & FontAwesome 5 HTML project boilerplate

A HTML project boilerplate for Bootstrap 4, Fontawesome 5 and BrowserSync using NPM and Gulp.

Quick Start

1. Clone this repo
git clone https://github.com/vineet05/bootstrap-4-boilerplate

2. cd into directory bootstrap-4-boilerplate

3. run `npm install` to install all dependencies

3. Run `gulp copy-assets` to copy bootstrap4 & fontawesome5-free assets from node_module folder

4. Run `gulp watch` to compile and monitor your JS and SCSS

5. Run `gulp dist` to compile an end product for distribution

6. Run `gulp dev-dist` to compile development project for distribution

Requirements

This project requires you to have nodejs with npm and a global installation of gulp.

# Install gulp globally
npm install -g gulp

What it does for you?

1. Compiles your SCSS
2. Transpile your JS (ES6,7,8) using Babel
3. Minify/Optimize your assets i.e. JavaScript, CSS and Images
4. Keeps your browser in sync with file edits
5. Saves you time :)