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

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

私は、あなたと仕事をするための定型プロジェクトを作成しています 財団 フレームワークを使用して ガルプ そして ブラウジングする 次のファイル構造で この便利なガイド

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

したほうがいい bower install foundation ルートフォルダに入れておくか、それを src フォルダ?私はscssが このガイドしかし、私は "foundationify jsを束ねるためにbrowserifyを使う方法がわからないので、ちょっときちんとコンパイルされたファイルを index.html。加えて、私は輸入したい modernizr 別々に、身体の端ではなく頭の部分に置くことができる。

それが助けになるなら、ここに私です ガルプファイル 参考のため。

回答:

回答№1は0

私は基礎をインストールするためにnpmを使用することを決めるが、いずれかの方法で bower_components / node_modules の中に root フォルダではなく build.

browserify-shim ブラウザでは、Foundationとうまくやっていくためには必要です ここで答えた.

私はYeomanの発電機をFoundation、Gulp、Browserifyのプロジェクトを足場にして作りました。 https://github.com/dougmacklin/generator-foundation-browserify