1

我面临以下问题 -

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

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

经过一段时间的调试发现angular树视图的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。任何帮助，将不胜感激。

4

1 回答 1

2

它与您的 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"
     ]
     }
      }

我希望它会帮助你。快乐编码:)

于 2016-12-22T11:00:27.557 回答