Gulp 4-CSS縮小並重命名

Question

我縮小了從SASS生成的CSS。 切換到Gulp 4后，重命名和縮小CSS會有問題。

所有gulp插件均已正確安裝。 除了縮小並重命名CSS之外，其他一切正常。

這是我的代碼：

 const browserSync = require('browser-sync').create(); const run = require('gulp-run'); const del = require('del'); var gulp = require("gulp"); var rename = require("gulp-rename"); var log = require("fancy-log"); // Include paths file //const paths = require('./src/paths'); /************************************ CSS ************************************/ gulp.task("css:compile", function () { var postcss = require("gulp-postcss"); var sourcemaps = require("gulp-sourcemaps"); var autoprefixer = require("autoprefixer"); var sass = require("gulp-sass"); return gulp .src("./src/scss/*.scss") .pipe(sourcemaps.init()) .pipe( sass({ includePaths: ["node_modules/bootstrap/scss/"] }).on("error", sass.logError) ) .pipe(postcss([autoprefixer()])) .pipe(sourcemaps.write(".")) .pipe(gulp.dest("./www/css/")); }); gulp.task("css:minify", gulp.series(["css:compile"]), function () { var cleanCSS = require("gulp-clean-css"); return gulp .src("./www/css/main.css") .pipe(cleanCSS()) .pipe(rename("main.min.css")) .pipe(gulp.dest("./www/css/")); }); gulp.task("img", function () { var imagemin = require("gulp-imagemin"); return gulp.src("src/img/*") .pipe(imagemin()) .pipe(gulp.dest("./www/img/")) }); gulp.task("css", gulp.series(["css:minify"])); 

Answer 1

在代碼的這兩行中：

gulp.task("css:minify", gulp.series(["css:compile"]), function () {

gulp.task("css", gulp.series(["css:minify"]));

我認為gulp.series不能將數組作為其第一個參數。 將它們更改為：

gulp.task("css:minify", gulp.series("css:compile"), function () {

gulp.task("css", gulp.series("css:minify"));