微信小程序开发中使用 glup 监听 less 文件编译成 wxss

 gulpfile.js 配置文件:

const gulp = require('gulp');
const less = require('gulp-less');
const watch = require('gulp-watch');
const rename = require('gulp-rename');

gulp.task('Less', function () {
  console.log('Less complier start');
  gulp.src('miniprogram-1/**/*.less')
    .pipe(less())
	.pipe(rename(function (path) {
      // Updates the object in-place
      path.extname = ".wxss";
    }))
    .pipe(gulp.dest('miniprogram-1'));
    console.log('Less complier end');
});
gulp.task('watch', function() {
  watch('miniprogram-1/**/*.less', gulp.series('Less'));
});

// 依赖
"devDependencies": {
    "gulp": "^4.0.2",
    "gulp-less": "^4.0.1",
    "gulp-rename": "^2.0.0",
    "gulp-watch": "^5.0.1"
 }