virtual/simple-templates

bootstrap4-gulp-nunjucks

This is the front-end development kit for use with Bootstrap 4. It has a Gulp-powered build system with these features:

• Nunjucks HTML templates
• Sass compilation and prefixing (with libsass)
• Easy to make styleguides with Sherpa
• JavaScript concatenation
• Font Awesome
• Built-in BrowserSync server
• For production builds:
  • CSS compression
  • JavaScript compression
  • Image compression

Installation

To use this template, your computer needs:

• NodeJS (0.12 or greater)
• Git

Setup

To manually set up the template, first download it with npm or git:

from npm

npm init
npm install bootstrap4-gulp-nunjucks --save-dev

from github

git clone https://github.com/directions4/bootstrap4-gulp-nunjucks projectname

Then open the folder in your command line, and install the needed dependencies:

cd projectname
npm install

Running

Finally, run npm start to run Gulp. Your finished site will be created in a folder called dist.

npm start

Viewable at this URL:

http://localhost:8000

Compiling

To create compressed, production-ready assets, run npm run build.

npm run build

Settings

You can set paths, browser compatibility and port number in config.yml.