3

我正在尝试使用该插件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'))
})
4

2 回答 2

3

如果您有依赖项作为 devDependencies，则bower.json需要添加 ' includeDev:true

看

includeDev 类型：混合默认值：false

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

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

于 2015-06-24T01:03:31.337 回答
1

您需要安装 Bower 并运行Bower install

所以 ：

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

好吧，几乎是自动构建...

于 2014-07-28T14:47:07.043 回答