使用传统项目,以引入vue.js的方式进行开发,如果项目中使用了vue的模板,在gulp打包的时候会报错: unable to minify JavaScript,
查看错误代码:
/*查找错误文件行数*/
gulp.task('iSjs', function() {
return gulp.src('influenceO/js/!*.js')
.pipe(uglify())
.on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
.pipe('influence/js')
});
error
发现是
SyntaxError: Unexpected character '`'
vue定义的模板的错误,引入包
npm install vue-template-inline --save-dev
定义:
var inlineVue = require('vue-template-inline'), //压缩vue 模板
/*对含有vue模板的文件压缩*/
gulp.task('iJs', function() {
gulp.src('influenceO/js/*.js')
.pipe(inlineVue())
.pipe(gulp.dest('influence/js'));
});
压缩后转成render
对比图
网友评论