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

Question

我面临以下问题 -

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

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

调试了一会发现angular树视图的lib文件多了一个点(angular.treeview.js)，和css文件一样

那么如何在 index.html

中注入该文件

我在 gulp 文件夹中的 inject.js 文件中执行以下任务，以将文件注入 index.html 中，该文件由 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')));
}

我正在使用 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"
     ]
     }
      }

希望对您有所帮助。编码愉快:)

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

Gulp and wire dep not injecting file type ..js files

angularjs

yeoman-generator

gulp

wiredep

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

Gulp and wire dep not injecting file type *.*.js files

angularjs

yeoman-generator

gulp

wiredep

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

Gulp and wire dep not injecting file type ..js files