/ / Prehliadať + Gulp + nadácia - zurb-nadácia, dúšok, prehľadávať

Prehliadať + nadácia Gulp + - zurb-nadácia, gulp, prehliadač

Vytváram projekt s kotlami pre prácu s nadácie pomocou rámca dúšok a browserify s nasledujúcou štruktúrou súborov pri sledovaní tento praktický sprievodca:

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

Mal by som bower install foundation v koreňovom priečinku, alebo by bolo viac rozumné ho vložiť do priečinka src zložky? Dostal som to, čo som pracoval nasledovaním tejto príručke, ale nie som si istý, ako používať prehliadač, aby som spojil nadáciu js, aby som mohol len importovať jeden úhľadný kompilovaný súbor index.html, Okrem toho by som chcel importovať modernizr oddelene, skôr v hlavovej časti než na konci tela.

Ak to pomôže, tu je moje gulpfile ako referenciu.

odpovede:

0 pre odpoveď č. 1

Rozhodol som sa použiť npm na inštaláciu nadácie namiesto bower, ale tak či tak som odišiel bower_components / node_modules v root priečinok skôr ako build.

browserify-shim je potrebné, aby si prehliadač hrával pekne s nadáciou, tak ako to bolo tu odpovedali.

Nakoniec som vytvoril Yeomanov generátor, ktorý vám pomôže vyriešiť projekt s Foundation, Gulp a Browserify, neváhajte a skontrolujte: https://github.com/dougmacklin/generator-foundation-browserify