Gulp中文網(wǎng)：
https://v3.gulpjs.com.cn/docs/

我的項(xiàng)目地址：
https://cxetry.coding.net/public/gulp/gulp-lite/git/files

• gulp-load-plugins

可加載所有g(shù)ulp-開頭的插件

var $ = require('gulp-load-plugins')()
//編譯less
gulp.task('less', function () {
  return gulp
    .src(['app/less/*.less']) //指定 less文件
    .pipe($.less()) //把less編譯成css
    .pipe(gulp.dest('app/css')) //輸出到目的地
})

• browser-sync

瀏覽器熱更新

var browserSync = require('browser-sync').create()
gulp.task('browserSync', function () {
  browserSync.init({
    files: ['app/**/*.*'],
    server: {
      baseDir: 'app',
      index: 'index.html', // 指定默認(rèn)打開的文件
    },
  })
})

• Watchers

browser-sync會監(jiān)測app目錄下文件變化，所以這個不用也可以

gulp.task('watch', function () {
  gulp.watch('app/less/**/*.less', gulp.series(['less']))
  gulp.watch('app/*.html', gulp.series(['html']))
  gulp.watch('app/js/**/*.js', gulp.series(['js']))
  gulp.watch('app/images/**/*.*', gulp.series(['images']))
})