/ / Browserify + Gulp + Foundation - zurb-fundação, gole, navegador

Browserify + Gulp + Foundation - zurb-fundação, gole, navegue

Eu estou criando um projeto padrão para trabalhar com o Fundação estrutura usando gole e navegador com a seguinte estrutura de arquivos ao seguir este guia prático:

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

Eu devo bower install foundation na pasta raiz, ou faria mais sentido colocá-lo dentro do src pasta? Eu comecei o scss trabalhando seguindo este guia, no entanto, eu não tenho certeza de como usar o browserify para agrupar o js da fundação, para que eu possa apenas importar um arquivo compilado index.html. Além disso, eu gostaria de importar modernizr separadamente, na seção da cabeça e não no final do corpo.

Se isso ajuda, aqui está o meu gulpfile para referência.

Respostas:

0 para resposta № 1

Eu decidi usar o npm para instalar a fundação ao invés de bower, no entanto, de qualquer forma eu deixei bower_components / node_modules no root pasta em vez de build.

browserify-shim é necessário para obter o browserify para jogar legal com a Fundação, como foi respondeu aqui.

Acabei fazendo um gerador Yeoman para montar um projeto com Foundation, Gulp e Browserify, fique à vontade para conferir: https://github.com/dougmacklin/generator-foundation-browserify