主-保龄球-文件吞咽返回空数组

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并运行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，你已经准备好了

几乎是自动建造..。

Answer 2

如果在devDependencies中具有bower.json依赖项，则需要添加“includeDev:true”

看见

includeDev类型:混合默认值: false 您可以通过两种方式包括您的devDependencies： 将此选项设置为包含性或true，以将devDependencies添加到您的>依赖项中，或使用独占来排除依赖项。