Menu icon Foundation
pug(ex.jade) or EJS with Foundation6 template

I really love Foundation, also same as pug(ex.jade). Here is my production process.

On the condition...

  • Foundation CLI installed
  • Understood jade syntax

Process

  1. mkdir your_proj && cd your_proj
  2. install basic template and named "dev"
  3. swap package.json Gist
  4. npm install
  5. bower install
  6. swap gulpfile.js Gist
  7. mkdir dev/jade && touch index.jade
  8. Copy this and paste on index.jade
  9. rewrite css and js path on index.jade, like "/common/js/foundation.min.js"
  10. Enter "gulp copy". This command copies and sends css and js files to dist directory.
  11. Finally, "cd dev && gulp"

EJS?

Rewrite codes Line:9 on gulpfile.js

//var html_preprocessor = "jade";
var html_preprocessor = "ejs";

gulp jade ejs

I really love Foundation, also same as pug(ex.jade). Here is my production process.

On the condition...

  • Foundation CLI installed
  • Understood jade syntax

Process

  1. mkdir your_proj && cd your_proj
  2. install basic template and named "dev"
  3. swap package.json Gist
  4. npm install
  5. bower install
  6. swap gulpfile.js Gist
  7. mkdir dev/jade && touch index.jade
  8. Copy this and paste on index.jade
  9. rewrite css and js path on index.jade, like "/common/js/foundation.min.js"
  10. Enter "gulp copy". This command copies and sends css and js files to dist directory.
  11. Finally, "cd dev && gulp"

EJS?

Rewrite codes Line:9 on gulpfile.js

//var html_preprocessor = "jade";
var html_preprocessor = "ejs";