Mav*_*how 7 javascript gulp gulp-concat
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/'));
});
Run Code Online (Sandbox Code Playgroud)
但似乎订购无效.
排序基于字母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: './' }))
Run Code Online (Sandbox Code Playgroud)
我的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/'));
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
3404 次 |
| 最近记录: |