/foundation-nunjucks

front-end development kit for use with Foundation for Sites.

Primary LanguageCSS

foundation-nunjucks

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

  • Nunjucks HTML templates
  • Sass compilation and prefixing (with libsass)
  • JavaScript concatenation
  • Built-in BrowserSync server
  • For production builds:
    • CSS compression
    • JavaScript compression
    • Image compression

Installation

To use this template, your computer needs:

Setup

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

from npm

npm init
npm install foundation-nunjucks --save-dev

from github

git clone https://github.com/directions4/foundation-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.