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

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

Je "crée un projet standard pour travailler avec le Fondation cadre d'utilisation gorgée et navigate avec la structure de fichier suivante tout en suivant ce guide pratique:

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

Devrais-je bower install foundation dans le dossier racine, ou serait-il plus logique de le mettre dans le src dossier? J'ai obtenu le scss en suivant ce guide, cependant, je ne suis pas sûr de savoir comment utiliser browserify pour regrouper les bases de js afin que je puisse simplement importer un fichier compilé soigné dans index.html. En outre, je voudrais importer modernizr séparément, dans la section de la tête plutôt qu'en bout de corps.

Si ça aide, voici ma gulpfile pour référence.

Réponses:

0 pour la réponse № 1

J'ai décidé d'utiliser npm pour installer la fondation plutôt que de la bower, mais de toute façon je suis parti bower_components / node_modules dans le root dossier plutôt que build.

browserify-shim est nécessaire pour obtenir un navigateur pour jouer gentil avec la Fondation, comme c'était répondu ici.

J'ai fini par créer un générateur Yeoman pour échafauder un projet avec Foundation, Gulp et Browserify, n'hésitez pas à le consulter: https://github.com/dougmacklin/generator-foundation-browserify