Gulp 狼吞虎咽的手表不'；不要在每次修改时编译my.scss

我在Gulp中遇到了一个问题，我无法在每次修改时编译我的.scs。当我运行“GulpWatch”并在css中进行更改时，什么都没有发生

gulpcss

起作用，

gulpwatch

不起作用

然而，一切看起来都很好

你有什么想法吗

谢谢

// Requires
var gulp = require('gulp');

// Include plugins
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
var minifycss = require('gulp-minify-css');
// var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');


// tâche CSS = compile vers knacss.css et knacss-unminified.css
gulp.task('css', function () {
  return gulp.src('./src/assets/css/style.scss')
    .pipe(sass())
    .pipe(autoprefixer())
    .pipe(rename('knacss.css'))
    .pipe(gulp.dest('./dist/assets/css/'))
    .pipe(rename('style.css'))
    //.pipe(sourcemaps.init())
    .pipe(minifycss())
    //.pipe(sourcemaps.write('.', {includeContent: false}))
    .pipe(gulp.dest('./dist/assets/css/'));
});

// Watcher
gulp.task('watch', function() {
  gulp.watch(['./src/assets/css/*.scss'], ['css']);
});


gulp.task('default', ['css']);

---

试试像这样的东西

//SASS task
gulp.task('sass', function () {
    var sassPath = {
        cssSrc: ['./src/assets/css/*.scss'], cssDest: './src/assets/css/'
    };
    gulp.src(sassPath.cssSrc)

      .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest(sassPath.cssDest))
      .pipe(livereload());
});

然后在你的手表里：

// Watcher
gulp.task('watch', function() {
  gulp.watch(['./src/assets/css/*.scss'], ['sass']);
});

以及：

Gulp watch不会在每次修改时编译my.scs

那是因为你没有告诉它。 您只在

/src/assets/css

中查看

*.scss

文件，而不在子文件夹中

要包含子文件夹，请使用以下语法：

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

---

您只在/src/assets/css中查看*.scss文件。不在子文件夹中。谢谢！！完美地工作：）没有问题，所以它也值得为“有用”而投票？

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