Javascript Gulpfile错误地将角度文件加载到index.html中
我正在使用创建index.html页面。我注意到在他们的文档中,他们展示了如何加载Angle文件和bower文件,因此遵循了基本说明Javascript Gulpfile错误地将角度文件加载到index.html中,javascript,angularjs,gulp,Javascript,Angularjs,Gulp,我正在使用创建index.html页面。我注意到在他们的文档中,他们展示了如何加载Angle文件和bower文件,因此遵循了基本说明 var angularFilesort = require('gulp-angular-filesort'), bowerFiles = require('main-bower-files'); gulp.task('index', function () { var angularStream = gulp.src('client/**/*.js'
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']);
如何以正确的顺序加载角度文件并连接它们?啊。唉,我发现了问题
.pipe(angularFilesort())
.pipe(concat('app.min.js'))
应该是
.pipe(concat('app.min.js'))
.pipe(angularFilesort())
很抱歉。如果文件已连接。。为什么需要文件排序?因为angular顺序依赖于顺序,我相信忘记angular。。。在gulp中,一旦将所有文件连接到一个文件中。。。您将分类什么?谢谢您的解决方案。但如果有人解释为什么角文件排序必须放在concat()之后,这将非常有用