main-bower-files gulp 返回空数组

Question

我正在尝试使用插件main-bower-files，但它似乎无法从 bower_components 中提取目录。

它的调试信息显示它有正确的文件，但它没有返回一个数组

#here you can see the debug finding the places
PackageCollection add        angular bower_components/angular
PackageCollection add        json3 bower_components/json3
PackageCollection add        es5-shim bower_components/es5-shim
PackageCollection add        jquery bower_components/jquery
PackageCollection add        angular-resource bower_components/angular-resource
PackageCollection add        angular-cookies bower_components/angular-cookies
PackageCollection add        angular-sanitize bower_components/angular-sanitize
PackageCollection add        angular-animate bower_components/angular-animate
PackageCollection add        angular-touch bower_components/angular-touch
PackageCollection add        angular-ui-router bower_components/angular-ui-router

[22:25:31] [] #< this is the result of calling require('main-bower-files')()

这是我的注入任务

var bowerFiles = require('main-bower-files')


gulp.task('inject', function() {
  util.log(bowerFiles({debugging:true}))
  gulp.src('app/index.jade')
    .pipe(jade({pretty: true}))
    .pipe(inject(gulp.src(bowerFiles()), {starttag: '<!-- inject:{{ext}}-->', endtag: '<!-- endinject-->'}))
    .pipe(inject(gulp.src('.tmp/**/*.js', {read: false}), {starttag: '<!-- inject:files:{{ext}}-->', endtag: '<!-- endinject-->'}))
    .pipe(connect.reload())
    .pipe(gulp.dest('.tmp'))
})

Answer 1

如果你在 bower.json 中有依赖作为 devDependencies，你需要添加'includeDev:true

见

包括开发 类型：混合默认值：false

您可以通过两种方式包含您的 devDependencies：

将此选项设置为 inclusive 或 true 以将 devDependencies 添加到您的 >dependencies 或使用 Exclusive 排除您的依赖项

Answer 2

你需要安装 Bower 并运行Bower install

所以：

• 安装Node和npm，我猜就搞定了
• 运行npm install 使您的项目npm 准备就绪并安装package.json 中的内容
• 安装凉亭：sudo npm install -g bower
• 运行bower install 将您的bower.json 依赖项复制到./bower_components 目录中
• 安装 gulp : npm install -g gulp
• 构建您的项目：gulp build
• 检查一下：gulp serve 你准备好了

嗯，几乎自动构建...