Question

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

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/'))
});

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

'use strict';

app.config(['$routeProvider',
  function ($routeProvider) {
    $routeProvider.when('/', {
      templateUrl: '/client/partials/home.html'
    })
  }
]);

'use strict';

var app = angular.module('app', ['ngRoute']);

如何以正确的顺序加载角度文件并将它们连接起来？

Answer 1

阿。唉，我发现了问题。

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

应该是

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

抱歉，那个。

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

1 个答案: