繁体   English   中英

gulp脚本和监视任务

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM