/ / Browserify + Gulp + Foundation - zurb-foundation, gulp, browserify

Browserify + Gulp + Foundation - zurb-foundation, gulp, browserify

Sto creando un progetto standard per lavorare con Fondazione quadro usando sorso e browserify con la seguente struttura di file mentre segue questa pratica guida:

.
├── build
|   ├── js
|      └── bundle.js
|   ├── stylesheets
|      ├── main.css
|      └── main.min.css
|   └── index.html
├── node_modules
|   └── [gulp, gulp-watch, etc...]
├── src
|   ├── js
|       └── main.js
├── sass
|   ├── _main_settings.scss [for overriding default Foundation settings]
|   └── main.scss
├── templates
|   └── index.jade
├── bower.json
├── gulpfile.js
└── package.json

Dovrei bower install foundation nella cartella radice, o avrebbe più senso metterlo dentro src cartella? Ho ottenuto lo scss lavorando seguendo questa guida, tuttavia non sono sicuro di come utilizzare browserify per raggruppare i js della base in modo da poter importare solo un file compilato in index.html. Inoltre, mi piacerebbe importare modernizr separatamente, nella sezione della testa piuttosto che alla fine del corpo.

Se aiuta, ecco il mio gulpfile per riferimento.

risposte:

0 per risposta № 1

Decido di usare npm per installare fondamenta piuttosto che pergolato, comunque in entrambi i casi ho lasciato bower_components / node_modules nel root cartella piuttosto che build.

browserify-shim è necessario per far sì che browserify giochi bene con Foundation, come è stato fatto ha risposto qui.

Ho finito per creare un generatore Yeoman per costruire un progetto con Foundation, Gulp e Browserify, sentitevi liberi di verificarlo: https://github.com/dougmacklin/generator-foundation-browserify