Gulp和wire dep不注入文件类型*。*。js文件

Question

我面临以下问题 -

我有Yeomen generator和wiredep在index.html文件中注入bower依赖项。

我已经通过bower安装了角度树视图，然后注意到角度树视图的lib文件和css文件没有被注入索引文件。

调试之后发现角树视图的lib文件有一个额外的点（angular.treeview.js）和css文件一样

那么如何在index.html中注入该文件

我在gulp文件夹中的inject.js文件中执行以下任务，以在由yoemen生成的index.html中注入文件

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')));
}

我正在使用Yeomen和gulp。 任何帮助，将不胜感激。

Answer 1

它不需要对你的gulp任务做任何事情。 Wiredep使用bower.json文件在索引文件中注入依赖项。

我遇到任何问题，比如在你当前的场景中你只需要覆盖你的包，就像你为bootstrap做的那样。 在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"
     ]
     }
      }

我希望它会对你有所帮助。   快乐的编码：）