some times watch not work, and not watch file in deeper folder.

[ruinb0w]

some times gulp not watch file change, I need restart gulp to make it work. But even though, gulp not watch those files which in deeper folder.

I'm running manjaro in win10 WSL2, this issue may caused by filesystem, fuck win.

this is my gulpfile.js which transform scss to wxss(like css) and ts to js.

const {src, dest, watch} = require('gulp');
const clean = require('gulp-clean');
const sass = require('gulp-sass');
sass.compiler = require('node-sass');
const ts = require('gulp-typescript');
const rename = require('gulp-rename');
// const plumber = require('gulp-plumber');

// const fs = require('fs');
const path = require('path');

function watcher(cb){
  watch("./src/**/*")
  .on('add', handleAdd)
  .on('unlink', handleRemove)
  .on('change', handleChange)
  cb();
}

function handleAdd(file){
  console.log('handle add', file);
  const ext = path.parse(file).ext;
  switch (ext) {
    case '.ts':
      compileTs(file);
      break;
    case '.scss':
      compileSass(file);
      break;
    default:
      cpFile(file);
  }
}

function handleRemove(file){
  console.log('handle remove', file);
  const destPath = file.replace("src", "dist");
  return src(destPath, {read: false, allowEmpty: true})
  .pipe(clean());
}

function handleChange(file){
  console.log('handle change', file);
  handleRemove(file);
  handleAdd(file);
}

function cpFile(file){
  //console.log('cp file');
  const destPath = path.parse(file.replace("src", "dist")).dir;
  return src(file)
  .pipe(dest(destPath));
}

function compileSass(file){
  const destPath = path.parse(file.replace("src", "dist")).dir;
  const name = path.parse(file).name;
  return src(file)
  .pipe(sass())
  .on('error', () => {})
  .pipe(rename(`${name}.wxss`))
  .pipe(dest(destPath))
}

function compileTs(file){
  const destPath = path.parse(file.replace("src", "dist")).dir;
  return src(file)
  .pipe(ts({declaration: true}))
  .on('error', () => {})
  .pipe(dest(destPath))
}

exports.default = watcher;

---

OS: manjaro(Linux)
node: v15.12.0
gulp: 4.0.2
plugins:

• "gulp-clean": "^0.4.0",
• "gulp-rename": "^2.0.0",
• "gulp-sass": "^4.1.0",
• "gulp-typescript": "*",
• "node-sass": "^4.14.1"