Browserify + Gulp + 基金会

Question

我正在创建一个用于 Foundation framework using gulp and browserify with the following file structure while following this handy guide:

的样板项目

.
├── 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 文件夹中更有意义？我已经按照 this guide 使 scss 工作，但是我不确定如何使用 browserify 来捆绑基础 js，以便我可以只在 index.html 中导入一个整洁的编译文件。此外，我想单独导入 modernizr，在头部而不是在正文的末尾。

如果有帮助，这里是我的gulpfile供参考。

Answer 1

我决定使用 npm 安装 foundation 而不是 bower，但是无论哪种方式，我都将 bower_components / node_modules 留在 root 文件夹中而不是 build。

browserify-shim 是让 browserify 与 Foundation 很好地配合所必需的，就像 .

我最终制作了一个 Yeoman 生成器来搭建一个带有 Foundation、Gulp 和 Browserify 的项目，随时查看：https://github.com/dougmacklin/generator-foundation-browserify

Browserify + Gulp + 基金会

Browserify + Gulp + Foundation

zurb-foundation

gulp

browserify