我希望我的终端“监视”我所有的.styl文件，并编译它，在CSS文件夹中写出一个新的CSS样式表。

npm install -g gulp

const gulp = require('gulp');
const stylus = require('gulp-stylus');
const rename = require('gulp-rename');

// 监视.styl文件的变化，并编译为CSS
gulp.task('watch', function() {
  return gulp.watch('path/to/your/styl/files/*.styl', gulp.series('compile'));
});

// 编译.styl文件为CSS，并输出到CSS文件夹
gulp.task('compile', function() {
  return gulp.src('path/to/your/styl/files/*.styl')
    .pipe(stylus())
    .pipe(rename({ extname: '.css' }))
    .pipe(gulp.dest('path/to/your/css/folder'));
});

// 默认任务，执行监视任务
gulp.task('default', gulp.series('watch'));

npm install gulp-stylus gulp-rename --save-dev

gulp