webpack-marauder/build/buildLib.js

'use strict'

// 确保在文件首部设置环境变量
process.env.BABEL_ENV = 'production'
process.env.NODE_ENV = 'production'

process.on('unhandledRejection', err => {
  throw err
})

const fs = require('fs-extra')
const path = require('path')
const chalk = require('chalk')
const ora = require('ora')
const glob = require('glob')
const webpack = require('webpack')
const { getPageList } = require('../libs/utils')
const config = require('../config')
const paths = config.paths
const maraConf = require(paths.marauder)
const getWebpackProdConf = require('../webpack/webpack.prod.conf')
const getWebpackLibConf = require('../webpack/webpack.lib.conf')
const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages')
const printBuildError = require('../libs/printBuildError')
const buildReporter = require('../libs/buildReporter')
const prehandleConfig = require('../libs/prehandleConfig')
const Stopwatch = require('../libs/Stopwatch')

const spinner = ora('Build library (commonjs + umd)...')

const pages = getPageList(config.paths.entries)
const libs = [
  {
    format: 'commonjs2',
    filename: 'index.cjs.js'
  },
  {
    format: 'umd',
    filename: 'index.min.js',
    minify: true
  },
  {
    format: 'umd',
    filename: 'index.js'
  }
]

const webpackConfs = libs.concat(pages).map(target => {
  return typeof target === 'object'
    ? getWebpackLibConf(target)
    : getWebpackProdConf({ entry: target, cmd: 'lib' })
})

function build(dists) {
  // @TODO 多配置应用 prehandleConfig
  // const webpackConfig = prehandleConfig('lib', webpackConfig);
  const ticker = new Stopwatch()
  const compiler = webpack(webpackConfs)

  return new Promise((resolve, reject) => {
    ticker.start()
    compiler.run((err, stats) => {
      let messages
      const time = ticker.check()

      spinner.stop()

      if (err) {
        if (!err.message) {
          return reject(err)
        }
        messages = formatWebpackMessages({
          errors: [err.message],
          warnings: []
        })
      } else {
        messages = formatWebpackMessages(
          stats.toJson({ all: false, warnings: true, errors: true })
        )
      }

      if (messages.errors.length) {
        // Only keep the first error. Others are often indicative
        // of the same problem, but confuse the reader with noise.
        if (messages.errors.length > 1) {
          messages.errors.length = 1
        }
        return reject(new Error(messages.errors.join('\n\n')))
      }

      return resolve({
        stats,
        dists,
        time,
        warnings: messages.warnings
      })
    })
  })
}

function clean(dists) {
  const distArr = Object.values(dists)

  return Promise.all(distArr.map(dir => fs.emptyDir(dir))).then(() => dists)
}

function success(output) {
  if (output.warnings.length) {
    console.log(chalk.yellow('Compiled with warnings:\n'))
    console.log(output.warnings.join('\n\n'))
  }

  console.log(chalk.green(`Build complete in ${output.time}ms\n`))
  console.log('File sizes after gzip:\n')

  const { children } = output.stats.toJson({
    hash: false,
    chunks: false,
    modules: false,
    chunkModules: false
  })
  const compAssets = {
    lib: children.slice(0, libs.length),
    demo: children.slice(libs.length)
  }

  compAssets.lib = compAssets.lib.map((stats, i) => {
    return stats.assets.map(a => {
      a['__dist'] = paths.lib
      a['__format'] = libs[i].format
      return a
    })
  })

  compAssets.demo = compAssets.demo.map((stats, i) => {
    stats.assets['__dist'] = path.join(paths.dist, pages[i])
    return stats.assets
  })

  buildReporter(compAssets)
}

// 旧版脚手架 umd 文件输出为 dist/main.min.js
// 通过 --old 配置开启兼容模式
async function backwards() {
  if (!process.argv.slice(2).includes('--old')) return

  const umdLibs = glob.sync(path.join(paths.lib, 'index?(.min).js'))

  return Promise.all(
    umdLibs.map(file => {
      const name = path.basename(file).replace('index', 'main')
      return fs.copy(file, path.join(paths.dist, name))
    })
  ).then(() => {
    console.log(
      chalk.green(
        '\nSynchronized umd libs to dist for backwards compatibility.'
      )
    )
  })
}

function error(err) {
  console.log(chalk.red('Failed to compile.\n'))
  printBuildError(err)
  process.exit(1)
}

function setup(distDir, libDir) {
  if (!glob.sync(paths.libEntry).length) {
    console.log(`😶 ${chalk.red('请按如下结构创建入口文件')}`)
    console.log(
      `
    src
    ├── ${chalk.green('index.(js|ts)')} ${chalk.cyan('-- lib 入口文件')}
    └── view ${chalk.cyan('-- 视图文件夹，存放 demo 页面')}
        └── demo ${chalk.cyan('-- demo 页面，可选')}
            ├── ${chalk.green('index.html')}
            └── ${chalk.green('index.(js|ts)')}`,
      '\n'
    )
    process.exit(0)
  }

  spinner.start()

  return clean({
    distDir,
    libDir
  })
}

module.exports = args => {
  return setup(paths.dist, paths.lib)
    .then(build)
    .then(success)
    .then(backwards)
    .catch(error)
}