gulpfile.js

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

// 输出文件目录
const distPath = 'dist'
// 源文件目录
const pugFiles = ['src/**/*.pug', "!src/templates/**"]
const stylusFiles = 'src/**/*.styl'
const jsFiles = ["src/**/*.js", "!src/node_modules/**"]
const jsonFiles = ["src/**/*.json",  "!src/node_modules/**"]
const imgFiles = ["src/**/*.?(png|jpg|gif)",  "!src/node_modules/**"]
const moduleFiles = 'src/node_modules/**/*'
const templateFiles = "src/templates/*.pug"
const wxsFiles = "src/**/*.wxs"

// 源文件处理函数
function doPug(path, distPath) {
  return gulp.src(path)
    .pipe(pug({
      pretty: true
    }))
    .pipe(rename({
      extname: '.wxml'
    }))
    .pipe(gulp.dest(distPath))
}

function doStylus(path, distPath) {
  return gulp.src(path)
    .pipe(stylus({
      'include css': true
    }))
    .pipe(rename({
      extname: '.wxss'
    }))
    .pipe(gulp.dest(distPath))
}

function doCopyFiles(path, distPath, options = {}) {
  return gulp.src(path, options)
    .pipe(gulp.dest(distPath))
}


// 创建任务
gulp.task('pug', function() {
  return doPug(pugFiles, distPath)
})

gulp.task('stylus', function() {
  return doStylus(stylusFiles, distPath)
})

gulp.task('[copy js]', function() {
  return doCopyFiles(jsFiles, distPath)
})

gulp.task('[copy json]', function() {
  return doCopyFiles(jsonFiles, distPath)
})

gulp.task('[copy img]', function() {
  return doCopyFiles(imgFiles, distPath)
})

gulp.task('[copy wxs]', function() {
  return doCopyFiles(wxsFiles, distPath)
})

gulp.task('[copy modules]', function() {
  return doCopyFiles(moduleFiles, distPath, { base: './src' })
})

gulp.task('watch', gulp.series(
  gulp.parallel('pug', 'stylus', '[copy js]', '[copy json]', '[copy img]', '[copy modules]', '[copy wxs]'),
  () => {
    gulp.watch(pugFiles.concat(templateFiles), gulp.parallel('pug')),
    gulp.watch(stylusFiles, gulp.parallel('stylus')),
    gulp.watch(jsFiles, gulp.parallel('[copy js]')),
    gulp.watch(jsonFiles, gulp.parallel('[copy json]')),
    gulp.watch(imgFiles, gulp.parallel('[copy img]')),
    gulp.watch(moduleFiles, gulp.parallel('[copy modules]')),
    gulp.watch(wxsFiles, gulp.parallel('[copy wxs]'))
  }
))

gulp.task('default', gulp.parallel(
  'pug',
  'stylus',
  '[copy js]',
  '[copy json]',
  '[copy img]',
  '[copy modules]',
  '[copy wxs]',
))