1

ワイヤードを使用して、 bowerの css および js ファイルをアプリに含めようとしています。以下のフォルダー ツリーに示すように、生index.html(bower css と js を除く html) があります。app/rawHtml/index.html

 app
   ├── bower_components
   │   ├── lib1
   │   │   ├── lib1.css
   │   │   ├── lib1.js
   │   │   ├── bower.json
   │   │   ├── package.json
   │   │   └── README.md
   │   ├── lib2
   │   │   ├── lib2.css
   │   │   ├── lib2.js
   │   │   ├── bower.json
   │   │   ├── package.json
   │   │   └── README.md
   │   │       ├── globals.js
   │   │       ├── locale-header.js
   │   │       └── test-header.js
   ├── index.html
   └── rawHtml
       └── index.html

を使いapp/rawHtml/index.htmlたいapp/index.html。私のgulpfilewiredepは次のとおりです：

gulpfile.js

gulp.task('bower:dev', function () {
   return gulp.src('app/rawHtml/index.html')
   .pipe(wiredep())
   .pipe(gulp.dest('app/'));
});

これで index.html ファイルが作成されました。ただし、依存関係は次のように注入されますapp/rawHtml/index.html。

 <!-- bower:css --> 
 <link rel="stylesheet" href="../bower_components/lib1/lib1.css" />                                                             
 <link rel="stylesheet" href="../bower_components/lib2/lib2.css" />

<!-- bower:js -->
<script src="../bower_components/lib1/lib1.js"></script>
<script src="../bower_components/lib2/lib2.js"></script>

次のように宛先ファイルに関しての代わりにapp/index.html：

 <!-- bower:css --> 
 <link rel="stylesheet" href="bower_components/lib1/lib1.css" />                                                             
 <link rel="stylesheet" href="bower_components/lib2/lib2.css" />

<!-- bower:js -->
<script src="bower_components/lib1/lib1.js"></script>
<script src="bower_components/lib2/lib2.js"></script>

ソースと宛先を同じディレクトリに保持しようとしましindex.htmlたが、宛先ファイルの名前を変更するオプションが見つかりませんでした。正しいインジェクション パスを取得するには、wiredep をどのように使用すればよいですか?

4

1 に答える 1

0

さて、私は同じ問題を抱えていました。コマンドを実行する前にindex.html、ディレクトリに配置する必要があると思います。appwiredep

gulpfile.js

gulp.task('bower:dev', function () {
    return gulp.src('app/rawHtml/index.html')
    .pipe(gulp.dest('app/'))
    .pipe(wiredep())
    .pipe(gulp.dest('app/'));
});
于 2016-04-10T11:58:33.640 に答える