啊哈前端 2018-04-27 14:32 采纳率: 100%
浏览 933
已结题

使用gulp-useref将html页面js合并报错?

使用的gulp3.9.1版本,给静态资源加版本号;

//清空文件夹,避免资源冗余
gulp.task('clean',function(){
return gulp.src('public/dist',{read:false}).pipe(plugins.clean());
});

//css文件压缩,更改版本号,并通过rev.manifest将对应的版本号用json表示出来
gulp.task('versioncss',function(){
return gulp.src(['public/css/*.css'])
//.pipe(plugins.concat('wap.min.css') )
.pipe(plugins.minifyCss())
.pipe(plugins.rev())
.pipe(gulp.dest('public/dist/css/'))
.pipe(plugins.rev.manifest())
.pipe(gulp.dest('public/dist/rev/css'));
});

//js文件压缩,更改版本号,并通过rev.manifest将对应的版本号用json表示出
gulp.task('versionjs',function(){
return gulp.src('public/js/*.js')
//.pipe(plugins.concat('wap.min.js') )
.pipe(plugins.jshint())
.pipe(plugins.uglify())
.pipe(plugins.rev())
.pipe(gulp.dest('public/dist/js/'))
.pipe(plugins.rev.manifest({
merge: true
}))
.pipe(gulp.dest('public/dist/rev/js'))
});

//通过hash来精确定位到html模板中需要更改的部分,然后将修改成功的文件生成到指定目录
gulp.task('rev',function(){
return gulp.src(['public/dist/rev/**/*.json','views/**/*.ejs'])
.pipe( plugins.revCollector({
replaceReved: true
}) )
.pipe(gulp.dest('public/dist/views/'));
});

//合并html页面内引用的静态资源文件
gulp.task('versionhtml', function () {
return gulp.src('public/dist/views/**/*.ejs')
.pipe(plugins.useref())
.pipe(plugins.rev())
.pipe(plugins.revReplace())
.pipe(gulp.dest('public/dist/html'));
});


html页面需要合并的js文件:
图片说明
前三个任务都成功,最后一个versionhtml任务失败。报错信息如下:
图片说明

  • 写回答

1条回答 默认 最新

  • _1_1_7_ 2018-04-28 02:09
    关注

    试一下先直接合并看看?调整 顺序

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 想用adb命令做一个通话软件,播放录音
  • ¥30 Pytorch深度学习服务器跑不通问题解决?
  • ¥15 部分客户订单定位有误的问题
  • ¥15 如何在maya程序中利用python编写领子和褶裥的模型的方法
  • ¥15 Linux权限管理相关操作(求解答)
  • ¥15 Bug traq 数据包 大概什么价
  • ¥15 在anaconda上pytorch和paddle paddle下载报错
  • ¥25 自动填写QQ腾讯文档收集表
  • ¥15 DbVisualizer Pro 12.0.7 sql commander光标错位 显示位置与实际不符
  • ¥15 android 打包报错