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

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

Ich erstelle ein Musterprojekt für die Arbeit mit der Stiftung Rahmen verwenden Schluck und browserifizieren mit der folgenden Dateistruktur während der folgenden dieser handliche Führer:

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

Sollte ich bower install foundation im Stammordner, oder würde es mehr Sinn machen, es in den src Mappe? Ich habe die scss arbeiten lassen, indem ich folgte dieser Leitfadenaber ich bin nicht sicher, wie man browserify benutzt, um die Fundamentjs zusammenzubringen, damit ich gerade eine nette kompilierte Akte herein importieren kann index.html. Außerdem würde ich gerne importieren modernizr getrennt, im Kopfbereich und nicht am Ende des Körpers.

Wenn es hilft, hier ist mein gulpfile als Referenz.

Antworten:

0 für die Antwort № 1

Ich entschied mich dafür, npm zu verwenden, um Fundament anstatt Bower zu installieren, wie auch immer ich ging bower_components / node_modules in dem root Ordner statt build.

browserify-shim ist notwendig, um browserify zu bekommen, um nett mit Foundation zu spielen, wie es war antwortete hier.

Am Ende habe ich einen Yeoman-Generator gebaut, um ein Projekt mit Foundation, Gulp und Browserify aufzubauen. https://github.com/dougmacklin/generator-foundation-browserify