小编obe*_*ncs的帖子

我刚刚升级到 Gulp v4，想知道为什么我的 gulpfile 不再工作了。
我尝试了新文档的新代码，但没有按计划运行，因为我使用的是“纯”postcss。
所以我用谷歌搜索我的问题并发现了这个问题：Gulp 错误：监视任务必须是一个函数
但是，这也不是我的问题的解决方案，尽管我收到了相同的错误消息Error: watching src/styles/**/*.scss: watch task has to be a function

我目前有这个代码

var gulp = require('gulp');
var sass = require('gulp-sass');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');

gulp.task('default', function () {
    gulp.watch('src/styles/**/*.scss', ['styles']);
});

gulp.task('styles', function () {
    var processors = [
        autoprefixer({
            browsers: ['last 3 versions', 'ie > 9']
        }),
        cssnano()
    ];
    gulp.src('src/styles/main.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(postcss(processors))
        .pipe(gulp.dest('dist/files/styles/'));
});

当我更改 它时
gulp.watch('src/styles/**/*.scss', ['styles']);
，
gulp.watch('src/styles/**/*.scss', gulp.series('styles')); …

今天我试用了这个滑块，发现如果滑块上方的元素是 flexbox，就会出现奇怪的行为。滑块不计入最大宽度。在 codepen 示例https://codepen.io/obendev/pen/wbzXEa 中，我尝试尽可能地向您展示它。

var swiper = new Swiper(".swiper-container", {
    // spaceBetween: "8px",
    loop: true
});

* {
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0;
}

html {
  font-family: "Google Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

body {
  background: #fff;
}

.site-width {
  border: 2px solid #f44336;
  margin: 2rem auto;
  max-width: 80rem;
  padding: 3.125rem;
}

.c-text-slider {
  display: flex;
  justify-content: space-between;
}
.c-text-slider__text {
  border: 2px solid #f44336;
  max-width: 200px;
  padding: 0.5rem;
}
.c-text-slider__slider { …