ガルプワイヤDEP *ファイルの種類を注入しない*のjsファイル

Question

私は、問題の下に直面しています - 。。私はindex.htmlのファイルにバウアー依存関係を注入する発電機とwiredepをYeomenいる

。

私はbowerによって角度ツリービューをインストールしましたが、角度ツリービューのlibファイルとcssファイルがインデックスファイルに挿入されていないことに気付きました。

しばらくデバッグした後、角ツリービューのlibにファイルが1人のエキストラドット（angular.treeview.js）CSSファイルと同じ持っていることがわかったとしても

だから、index.htmlの

にそのファイルを挿入する方法

私はYeomenと一口を使用していますyoemen

gulp.task('inject', ['scripts'], function() { 
var injectStyles = gulp.src([ 
path.join(conf.paths.src, '/app/**/*.css') 
], { read: false }); 

var injectScripts = gulp.src([ 
path.join(conf.paths.src, '/app/**/*.module.js'), 
path.join(conf.paths.src, '/app/**/*.js'), 
path.join('!' + conf.paths.src, '/app/**/*.spec.js'), 
path.join('!' + conf.paths.src, '/app/**/*.mock.js') 
]) 
.pipe($.angularFilesort()).on('error',conf.errorHandler('AngularFilesort')); 

var injectOptions = { 
ignorePath: [conf.paths.src, path.join(conf.paths.tmp, '/serve')], 
addRootSlash: false 
}; 

return gulp.src(path.join(conf.paths.src, '/*.html')) 
.pipe($.inject(injectStyles, injectOptions)) 
.pipe($.inject(injectScripts, injectOptions)) 
.pipe(wiredep(_.extend({}, conf.wiredep))) 
.pipe(gulp.dest(path.join(conf.paths.tmp, '/serve'))); 
} 

によって生成されたindex.html内のファイルを注入する一気フォルダ内inject.jsファイルにタスクの下に持っています。 ご協力いただければ幸いです。

Answer 1

gulpタスクで何もする必要はありません。 Wiredepは、bower.jsonファイルを使用してインデックスファイルに依存関係を挿入します。

私の場合、現在のシナリオのように、ブートストラップの場合のようにパッケージを上書きするだけです。 は、私はそれはあなたを助けることを願っていますbower.json

 "overrides": { 
     "bootstrap": { 
      "main": [ 
      "dist/css/bootstrap.css", 
      "dist/fonts/glyphicons-halflings-regular.eot", 
      "dist/fonts/glyphicons-halflings-regular.svg", 
      "dist/fonts/glyphicons-halflings-regular.ttf", 
      "dist/fonts/glyphicons-halflings-regular.woff", 
      "dist/fonts/glyphicons-halflings-regular.woff2" 
      ] 
     }, 
    "angular-treeview":{ 
    "main":[ 
    "angular.treeview.js", 
    "css/angular.treeview.css" 
    ] 
    } 
     } 

にコードの下に追加します。 ハッピーコーディング:)