Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gulp4-CSS缩小和重命名_Javascript_Css_Gulp_Gulp Minify - Fatal编程技术网

Javascript Gulp4-CSS缩小和重命名

Javascript Gulp4-CSS缩小和重命名,javascript,css,gulp,gulp-minify,Javascript,Css,Gulp,Gulp Minify,我缩小了从SASS生成的CSS。切换到Gulp4后,重命名和缩小CSS时出现问题 所有gulp插件都已正确安装。除了缩小和重命名CSS,一切正常 这是我的密码: const browserSync=require('browser-sync')。create(); const run=require('gulp-run'); const del=require('del'); var gulp=需要(“gulp”); var rename=需要(“吞咽重命名”); var日志=需要(“花式日志

我缩小了从SASS生成的CSS。切换到Gulp4后,重命名和缩小CSS时出现问题

所有gulp插件都已正确安装。除了缩小和重命名CSS,一切正常

这是我的密码:

const browserSync=require('browser-sync')。create();
const run=require('gulp-run');
const del=require('del');
var gulp=需要(“gulp”);
var rename=需要(“吞咽重命名”);
var日志=需要(“花式日志”);
//包含路径文件
//常量路径=require('./src/path');
/************************************CSS************************************/
任务(“css:compile”,函数(){
var POSTSS=需要(“吞咽式POSTSS”);
var sourcemaps=require(“gulp sourcemaps”);
var autoprefixer=需要(“autoprefixer”);
var sass=需要(“吞咽sass”);
回灌
.src(“/src/scss/*.scss”)
.pipe(sourcemaps.init())
.烟斗(
无礼({
includePath:[“节点\模块/引导/scss/”]
}).on(“错误”,sass.logError)
)
.pipe(postsss([autoprefixer()]))
.pipe(sourcemaps.write(“.”)
.pipe(gulp.dest(“./www/css/”);
});
gulp.task(“css:minify”、gulp.series([“css:compile”])、函数(){
var cleanCSS=require(“吞咽干净的css”);
回灌
.src(“./www/css/main.css”)
.pipe(cleanCSS())
.pipe(重命名(“main.min.css”))
.pipe(gulp.dest(“./www/css/”);
});
吞咽任务(“img”,功能(){
var imagemin=需要(“吞咽imagemin”);
返回gulp.src(“src/img/*”)
.pipe(imagemin())
.pipe(gulp.dest(“./www/img/”)
});

gulp.task(“css”,gulp.series([“css:minify”]))在这两行代码中:

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"));

我用了litlle hack,现在没问题了,但我想我能做得更好吗<代码>gulp.task(“css:minify”,gulp.series(“css:compile”,function(){var cleanCSS=require(“gulp clean css”);返回gulp.src(“./www/css/main.css”).pipe(重命名(“main.min.css”)).pipe(gulp.dest(“./www/css/”);)这看起来应该有效,这就是我的建议。嗨@Petrvoly,如果马克的回答有助于解决你遇到的问题,请将其标记为接受。