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')()

注入のための私のgulpタスクはここにあります

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

1

Bower をインストールして実行する必要がありますBower install

そう ：

  • Node と npm をインストールします。これで完了だと思います。
  • を実行npm installしてプロジェクト npm の準備を整え、package.jsonの内容をインストールします
  • バウアーをインストールします。sudo npm install -g bower
  • を実行して、ディレクトリにbower.jsonの依存関係bower installをコピーします./bower_components
  • gulp をインストールします。npm install -g gulp
  • プロジェクトをビルドします:gulp build
  • それをチェックしてください：gulp serveそしてあなたはそれの準備ができています

まあ、ほぼ自動ビルド...

于 2014-07-28T14:47:07.043 に答える