Gulp newbie在这里,我在下载gulp-order以便在结束 *。js 时订购js文件 因为我的一些javascript文件需要首先加载 jquery 。
下面是我的gulpfile.js,它有order,concat,rename&丑化。
var date = new Date();
var uniq = date.getTime();
gulp.task('admin-scripts', function() {
return gulp.src(['assets/admin/js/*.js','!assets/admin/js/respond.min.js','!assets/admin/js/html5shiv.js'])
.pipe(order([
"assets/admin/js/jquery.min.js",
'assets/admin/js/*.js'
]))
.pipe(concat(uniq+'admin.js'))
.pipe(gulp.dest('build/assets/admin/js/'))
.pipe(rename(uniq+'admin.min.js'))
.pipe(uglify())
.pipe(gulp.dest('build/assets/admin/js/'));
});
但似乎订购无效。
排序基于字母 a.js> z.js 而不是 jquery.min.js> a.js> z.js
我在gulpfile.js上有什么错误的代码吗?
答案 0 :(得分:8)
添加base选项为我修复了它:
.pipe(order([
'public/js/jquery-1.11.1.min.js',
'public/js/bootstrap.min.js'
], { base: './' }))
答案 1 :(得分:5)
我的gulp-order没有正确排序/不工作的问题是因为我错误的路径,路径应该相对于 js 文件夹:
正确的顺序: jquery.min.js
订单错误: assets / admin / js / jquery.min.js
var date = new Date();
var uniq = date.getTime();
gulp.task('admin-scripts', function() {
return gulp.src(['assets/admin/js/*.js','!assets/admin/js/respond.min.js','!assets/admin/js/html5shiv.js'])
.pipe(order([
"jquery.min.js",
'*.js'
]))
.pipe(concat(uniq+'admin.js'))
.pipe(gulp.dest('build/assets/admin/js/'))
.pipe(rename(uniq+'admin.min.js'))
.pipe(uglify())
.pipe(gulp.dest('build/assets/admin/js/'));
});