Javascript Gulp4-CSS缩小和重命名
我缩小了从SASS生成的CSS。切换到Gulp4后,重命名和缩小CSS时出现问题 所有gulp插件都已正确安装。除了缩小和重命名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日志=需要(“花式日志
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,如果马克的回答有助于解决你遇到的问题,请将其标记为接受。