A basic template combining:
- Bootstrap 4 (Alpha) with Flexbox
- Sass
- Gulp build tasks including sass compliing, browser sync and css/js concatentation and minification
-
Clone the repo
-
Update site details in packages.json (i.e. name, github repo address, etc)
-
Run
npm install gulp
-
Run
npm install --save-dev
- Run
gulp
to enable watching, which will automatically compile Sass and display changes using Browser Sync - Develop to your heart's content in the src directory!
- When ready to build distribution files, run
gulp build
- If
gulp build
fails to correctly clean out the dist directory, rungulp clean:dist
to do it manually, then run the build command again