[英]gulp script and watch task
我需要一些帮助,在尝试添加scss编译和缩小时,我已经尽力了。 我有scss工作,但它使main.js不再丑陋。 然后我换了一些东西,但都没用。 这是我第二天在Gulp工作,更不用说.js了。
最后一行(空白?)和SyntaxError:输入的意外末尾之后的行上抛出错误。
这是代码:(谢谢)
/* Required */
var gulp = require('gulp'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
sass = require('gulp-sass');
/* Scripts Task */
gulp.task('scripts', function(){
gulp.src(['app/js/**/*.js', '!app/js/**/*min.js'])
.pipe(rename({suffix:'.min'}))
.pipe(uglify())
.pipe(gulp.dest('app/js'));
});
/* Watch Task */
gulp.task('watch', function(){
gulp.watch('app/js/**/*.js', ['scripts']);
gulp.watch('app/scss/**/*.scss', ['sass']);
});
/* Gulp-Sass Task */
gulp.task('sass', function() {
return gulp.src('app/scss/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('app/css'));
});
gulp.task('sass:watch', function() {
gulp.watch('app/sass/**/*.scss', ['sass']);
/* Default Task */
gulp.task('default', ['scripts', 'sass', 'watch']);
PS:有没有更好的方法来减少结合js和scss编译的代码?
您应该改用gulp-scss
,当我访问gulp-scss
的页面时看到了这一点
我找到了gulp-sass,但它似乎并不支持实际的sass,因为后端node-sass是libsass的端口,它有很多限制。
同样为了最小化CSS,为什么不使用gulp-clean-css
?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.