xe-utils/gulpfile.js

JavaScript 函数库、工具类

const gulp = require('gulp')
const fs = require('fs')
const del = require('del')
const replace = require('gulp-replace')
const rename = require('gulp-rename')
const pack = require('./package.json')
const { rollup } = require('rollup')
const commonjs = require('@rollup/plugin-commonjs')

const exportModuleName = 'XEUtils'
const esmOutDir = 'es'
const commOutDir = 'lib'
const distOutDir = 'dist'

// 已废弃
const oldOutDir = 'dist'

gulp.task('build_cm_js', () => {
  return gulp.src('src/*')
    .pipe(gulp.dest('./'))
    .pipe(gulp.dest(commOutDir))
})

gulp.task('build_commonjs_var', () => {
  return gulp.src('src/ctor.js')
    .pipe(replace(/'@VERSION'/, `'${pack.version}'`))
    .pipe(gulp.dest('./'))
    .pipe(gulp.dest(commOutDir))
})

gulp.task('build_commonjs', gulp.series('build_cm_js', 'build_commonjs_var'))

gulp.task('build_esall', function () {
  return gulp.src('src/*.js')
    .pipe(replace(/'@VERSION'/, `'${pack.version}'`))
    .pipe(replace(/var\s([a-zA-Z_]+)\s=\srequire\(('[a-zA-Z_./]+')\)/g,'import $1 from $2'))
    .pipe(replace('module.exports = ', `export default `))
    .pipe(gulp.dest(esmOutDir))
})


gulp.task('build_es_code', gulp.series('build_esall', function () {
  const indexCode = fs.readFileSync('src/index.js', 'utf-8')
  let exportStr = ''
  const exportRest = indexCode.match(/\{[\s\S]*\}/)
  if (exportRest) {
    exportStr = exportRest[0].replace(/([a-zA-Z]+):\s([a-zA-Z]+)/g, (text, n, v) => {
      if (n === v) {
        return `${n}`
      }
      return `${v} as ${n}`
    })
  }
  return gulp.src(`${esmOutDir}/index.js`)
    .pipe(replace('export default', `export ${exportStr}\n\nexport default `))
    .pipe(gulp.dest(esmOutDir))
}))

gulp.task('build_d_ts', () => {
  return gulp.src('src/*.ts')
    .pipe(gulp.dest(esmOutDir))
})

gulp.task('build_es_var', () => {
  return gulp.src(`${esmOutDir}/ctor.js`)
    .pipe(replace(/'@VERSION'/, `'${pack.version}'`))
    .pipe(gulp.dest(esmOutDir))
})

gulp.task('build_es', gulp.series('build_es_code', 'build_d_ts', 'build_es_var', async function () {
  const rollupConfig = {
    input:`${esmOutDir}/index.js`,
    output: {
      file: `${distOutDir}/all.esm.js`,
      format: 'esm',
      name: exportModuleName,
      globals: {
        vue: 'Vue',
        'xe-utils': 'XEUtils'
      }
    },
    plugins: [commonjs()],
    external: []
  }

  fs.mkdirSync(distOutDir, { recursive: true })
  const bundle = await rollup(rollupConfig)
  const { output } = await bundle.generate(rollupConfig.output)
  fs.writeFileSync(`${distOutDir}/all.esm.js`, output[0].code, 'utf-8')

  return gulp.src(`${esmOutDir}/index.js`)
    .pipe(rename({
      basename: 'index',
      extname: '.esm.js'
    }))
    .pipe(gulp.dest(esmOutDir))
}))

gulp.task('clear', () => {
  return del([
    esmOutDir,
    commOutDir,
    oldOutDir
  ])
})

gulp.task('build', gulp.series('clear', gulp.series('build_commonjs', 'build_es')))