Gulp编译less

参考

https://www.cnblogs.com/yuzhongwusan/p/5417102.html

https://blog.csdn.net/wu_xiaozhou/article/details/52865047 

https://blog.csdn.net/mlonly/article/details/85917261

import { task, src, dest, watch, series } from 'gulp'
import less from 'gulp-less' //编译Less
import concat from 'gulp-concat' //合并文件
import cssmin from 'gulp-clean-css' //压缩css
import pump from 'pump' //错误提示

//编译less,并合并,压缩css
task('testConcatCss', async () => {
  pump([
    src(['src/less/index.less', 'src/less/detail.less']),
    less(), //编译Less
    concat('all.css'), //合并后的文件名
    cssmin(), //压缩css
    dest('src/css')
  ])
})
//自动编译less
task('testWatch', async () => {
  //当所有less文件发生改变时，调用testLess任务
  watch('src/**/*.less', async () => {
    pump([
      src(['src/less/index.less', 'src/less/detail.less']),
      less(), //编译Less
      concat('all.css'), //合并后的文件名
      cssmin(), //压缩css
      dest('src/css')
    ])
  })
})
//按顺序执行任务
task('default', series('testWatch'))