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

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

Estoy creando un proyecto repetitivo para trabajar con Fundación marco de trabajo trago y Navegar con la siguiente estructura de archivos mientras sigues esta guía práctica:

.
├── 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

Debería bower install foundation en la carpeta raíz, o tendría más sentido ponerlo dentro del src ¿carpeta? He conseguido que el scss trabaje siguiendo esta guía, sin embargo, no estoy seguro de cómo usar browserify para agrupar los js de la base, de modo que puedo importar un solo archivo compilado en index.html. Además, me gustaría importar modernizr por separado, en la sección de la cabeza en lugar de en el extremo del cuerpo.

Si ayuda, aquí está mi gulpfile para referencia.

Respuestas

0 para la respuesta № 1

Decidí usar npm para instalar una base en lugar de una glorieta, sin embargo, de cualquier forma que dejé bower_components / node_modules en el root carpeta en lugar de build.

browserify-shim es necesario para obtener browserify para jugar bien con Foundation, como era respondió aquí.

Terminé haciendo un generador Yeoman para andamiar un proyecto con Foundation, Gulp y Browserify, siéntanse libres de verificarlo: https://github.com/dougmacklin/generator-foundation-browserify