吞噬脚本和监视任务

gulp script and watch task

本文关键字:任务 监视 脚本 吞噬      更新时间:2023-09-26

我需要一些帮助,我在尝试添加 scss 编译和缩小时已经破坏了我的工作。我有 scss 工作,但它使主要.js而不是丑陋。然后我切换了一些东西,但都不起作用。这是我在Gulp的第二天,更不用说.js了。

它在最后一行(空白?)和语法错误:输入意外结束之后的行上抛出错误。

这是代码:(和谢谢)

/* 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