gulp快速入门

npm install global gulp-cli
npx mkdir demo
cd demo
npm init

npm i -D gulp
gulp --version

function defaultTask(cb) {
  cb()
}

exports.default = defaultTask

gulp

const { series } = require(‘gulp‘)

// 私有任务， 可以用被用在series()组合中
const clean = function(cb) {
  console.log(‘clean‘)
  cb()
}
// 公共任务， 函数通过export导出，因此可以通过gulp调用，当然也可以被用在series()组合中
const build = function(cb) {
  console.log(‘build‘)
  cb()
}

exports.build = build
exports.default = series(clean, build)

// console
// gulp build
// gulp 

const { series, parallel } = require(‘gulp‘);

function clean(cb) {
  console.log(‘clean‘)
  cb();
}

function cssTranspile(cb) {
  console.log(‘cssTranspile‘)
  cb();
}

function cssMinify(cb) {
  console.log(‘cssMinify‘)
  cb();
}

function jsTranspile(cb) {
  console.log(‘jsTranspile‘)
  cb();
}

function jsBundle(cb) {
  console.log(‘jsBundle‘)
  cb();
}

function jsMinify(cb) {
  console.log(‘jsMinify‘)
  cb();
}

function publish(cb) {
  console.log(‘publish‘)
  cb();
}

exports.build = series(
  clean,
  parallel(
    cssTranspile,
    series(jsTranspile, jsBundle)
  ),
  parallel(cssMinify, jsMinify),
  publish
)

const { series, parallel } = require(‘gulp‘)

const clean = function(cb) {
  console.log(‘clean‘)
  cb()
}

const css = function(cb) {
  console.log(‘css‘)
  cb()
}

const script = function(cb) {
  console.log(‘script‘)
  cb()
}

exports.build = series(clean, parallel(css, script))