gulp提取html中的script,javascript

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'])吗?

请原谅我的无知。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值