Si我已经继承了Angular 1.5应用,并想添加一个NPM模块,ui-router-breadcrumbs github页面在这里
我的探究是这部分:
Usage
import the modules required for ui-router-breadcrumbs. It is necessary to include ngSanitize and
ui.router for ui-router-breadcrumbs to work
具体来说,我的index.html中没有标签,因为这些标签是由(许多)gulp文件处理的。 我尝试从命令行运行gulp inject ,但是重新加载页面时,文件没有显示index.html 。 我不知道如何加载它,因为我认为gulp过程应该添加它,就像对所有其他npm模块所做的那样。
这是我的index.html:
和gulp.inject我认为应该做的工作:
'use strict';
var path = require('path');
var gulp = require('gulp');
var conf = require('./conf');
var $ = require('gulp-load-plugins')();
var wiredep = require('wiredep').stream;
var _ = require('lodash');
gulp.task('inject', ['scripts', 'styles'], function () {
var injectStyles = gulp.src([
path.join(conf.paths.tmp, '/serve/app/**/*.css'),
path.join('!' + conf.paths.tmp, '/serve/app/vendor.css')
], {read: false});
var scriptList = [
path.join(conf.paths.src, '/app/**/*.module.js'),
path.join(conf.paths.src, '/app/**/*.js'),
path.join('!' + conf.paths.test, '/app/**/*.spec.js'),
path.join('!' + conf.paths.src, '/app/**/*.mock.js')
];
if (conf.paths.frontend !== 'static') {
scriptList.push('!' + conf.paths.src + '/app/mockApi/**/*');
}
if (conf.frontend !== 'dynamic') {
scriptList.push('!' + conf.paths.src + '/app/mockDynamicApi/**/*');
}
var injectScripts = gulp.src(scriptList)
.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')));
});
如何获取脚本? 我无法在任何先使用angular.module('myApp', ['uiBreadcrumbs'])使用angular.module('myApp', ['uiBreadcrumbs'])吗?
请原谅我的无知。