Question

我需要一些帮助，我在尝试添加scss编译和缩小时已经捣乱了我的工作。我有scss工作，但它使main.js没有uglify。然后我切换了一些东西，两个都不起作用。这是我在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编译？

Answer 1

您应该使用gulp-scss，我在访问gulp-scss的页面时看到了这一点

我找到了gulp-sass，但它似乎不支持实际的sass，因为后端，node-sass是libsass的一个端口，具有很大的局限性。

另外，为了缩小css，为什么不使用gulp-clean-css？

gulp脚本和监视任务

1 个答案: