javascript - 咕噜看不看

Question

当我编辑 main.scss 时，我的 gulpfile 配置遇到一些问题，gulp watch 正在终端中运行，但它没有检测到 main.scss 中所做的更改，但是当我运行 gulp.sass 时，它会检测到更改，我查看了其他一些“gulp watch 问题”，但仍然找不到解决方案，我做错了什么？如果需要更清楚，请告诉我

Folder directory - 
weather-app
 ---node_modules
 ---public
    ---css
        ---main.css
    ---js
        ---main.js
 ---index.html
 ---src
    ---sass
        ---main.scss
        ---mobile.scss
    ---js
        ---main.js
 ---gulpfile.js
 ---package-lock.json
 ---package.json

const gulp = require('gulp'),
  sass = require('gulp-sass'),
  uglifyCss = require('gulp-uglifycss'),
  concatCss = require('gulp-concat-css');


gulp.task('sass', () => {
  gulp.src('src/sass/*.scss')
    .pipe(sass())
    .pipe(uglifyCss({
      'uglyComments': true
    }))
    .pipe(concatCss('main.css'))
    .pipe(gulp.dest('public/css'))
})

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



gulp.task('watch', () => {
  gulp.watch('src/sass/*.scss', ['watch'])
})

Answer 1

gulp.watch 不能是返回值。
不要忘记使用双星号来定位sass文件夹中的任何.scss文件。

About the ** glob character

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