![](/img/trans.png)
[英]Ordering the output using gulp and main-bower-files (gulp-order doesn't work)
[英]gulp-order : not Ordering properly
Gulp新手在這里,我在下載* .js時下載gulp -order來訂購js文件,因為我的一些javascript文件需要首先加載jquery 。
下面是我的gulpfile.js,它有order,concat,rename和uglify。
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上有什么錯誤的代碼嗎?
添加基本選項為我修復它:
.pipe(order([
'public/js/jquery-1.11.1.min.js',
'public/js/bootstrap.min.js'
], { base: './' }))
我的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/'));
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.