Gulpfile错误地将angular文件加载到index.html中

Gulpfile is incorrectly loading angular files into index.html

本文关键字:index html 加载 文件 错误 angular Gulpfile      更新时间:2023-09-26

我正在使用gulp-inject来创建一个index.html页面。我注意到,在他们的文档中,他们展示了如何加载angular文件和java文件,所以请遵循基本的说明。

var angularFilesort = require('gulp-angular-filesort'),
    bowerFiles = require('main-bower-files');
gulp.task('index', function () {
  var angularStream = gulp.src('client/**/*.js', { base: './' })
    .pipe(angularFilesort())
    .pipe(concat('app.min.js'))
    .pipe(gulp.dest('./build/client/scripts'));
  gulp.src('./server/templates/index.html')
    .pipe(inject(gulp.src(bowerFiles(), { read: false }), { name: 'bower'}))
    .pipe(inject(es.merge(angularStream)))
    .pipe(gulp.dest('./build/client/'))
});

然而,当我看到我的angular文件的构建方式时,它看起来几乎是相反的。我现在只有三个angular文件,所以它看起来像这样:

'use strict';
app.config(['$routeProvider',
  function ($routeProvider) {
    $routeProvider.when('/', {
      templateUrl: '/client/partials/home.html'
    })
  }
]);
'use strict';
var app = angular.module('app', ['ngRoute']);

我如何以正确的顺序加载我的angular文件并将它们连接起来?

啊。唉,我找到问题了。

.pipe(angularFilesort())
.pipe(concat('app.min.js'))
应该

.pipe(concat('app.min.js'))
.pipe(angularFilesort())

对不起。