我从Gulp 3改为Gulp 4,但我无法让它工作。
当我运行gulp并保存js或scss文件时,它会成功创建一个新文件。如果我再保存一次,没有任何事情发生。我的猜测是我不……
我做了一个完整的重写,可以在这里找到: https://github.com/jenstornell/gulpfile-style-script 。
你也可以在这里看到它。希望它可以帮助某人。
let gulp = require("gulp"); let sass = require("gulp-sass"); let autoprefixer = require("gulp-autoprefixer"); let concat = require("gulp-concat"); let uglify = require('gulp-uglify-es').default; let csso = require('gulp-csso'); let rename = require('gulp-rename'); var css = { src: 'assets/css/src/**/*.scss', dest: 'assets/css/dist', filename: 'style.scss' }; var js = { src: 'assets/js/src/**/*.js', dest: 'assets/js/dist', filename: 'script.js' }; function style() { return ( gulp .src(css.src) .pipe(concat(css.filename)) .pipe(sass()) .on("error", sass.logError) .pipe(autoprefixer()) .pipe(gulp.dest(css.dest)) .pipe(csso()) .pipe(rename({extname: '.min.css'})) .pipe(gulp.dest(css.dest)) ); } function script() { return ( gulp .src(js.src) .pipe(concat(js.filename)) .pipe(gulp.dest(js.dest)) .pipe(uglify()) .pipe(rename({extname: '.min.js'})) .pipe(gulp.dest(js.dest)) ); } function watch(){ gulp.watch(css.src, style); gulp.watch(js.src, script); } exports.css = style; exports.js = script; exports.default = watch;