docsify/build/build.js

import * as rollup from 'rollup';
import commonjs from '@rollup/plugin-commonjs';
import nodeResolve from '@rollup/plugin-node-resolve';
import uglify from '@rollup/plugin-terser';
import replace from '@rollup/plugin-replace';
import chokidar from 'chokidar';
import path from 'path';
import { relative } from './util.js';
import { promises as fs } from 'fs';

const pkgPath = relative(import.meta, '..', 'package.json');
const pkgString = (await fs.readFile(pkgPath)).toString();
const pkg = JSON.parse(pkgString);
const isProd = process.env.NODE_ENV === 'production';
const version = process.env.VERSION || pkg.version;

/**
 * @param {{
 *   input: string,
 *   output?: string,
 *   globalName?: string,
 *   plugins?: Array<import('rollup').Plugin>
 * }} opts
 */
async function build(opts) {
  await rollup
    .rollup({
      input: opts.input,
      plugins: [
        ...(opts.plugins || []),
        commonjs(),
        nodeResolve(),
        replace({
          __VERSION__: version,
        })
      ],
      onwarn(message) {
        if (message.code === 'UNRESOLVED_IMPORT') {
          throw new Error(
            `Could not resolve module ` +
            message.source +
            `. Try running 'npm install' or using rollup's 'external' option if this is an external dependency. ` +
            `Module ${message.source} is imported in ${message.importer}`
            )
        }
      }
    })
    .then(bundle => {
      const dest = 'lib/' + (opts.output || opts.input)

      console.log(dest)
      return bundle.write({
        format: 'iife',
        output: opts.globalName ? {name: opts.globalName} : {},
        file: dest,
        strict: false
      })
    })
}

async function buildCore() {
  const promises = []

  promises.push(build({
    input: 'src/core/index.js',
    output: 'docsify.js',
  }))

  if (isProd) {
    promises.push(build({
      input: 'src/core/index.js',
      output: 'docsify.min.js',
      plugins: [uglify()]
    }))
  }

  await Promise.all(promises)
}

async function buildAllPlugin() {
  const plugins = [
    {name: 'search', input: 'search/index.js'},
    {name: 'ga', input: 'ga.js'},
    {name: 'gtag', input: 'gtag.js'},
    {name: 'matomo', input: 'matomo.js'},
    {name: 'emoji', input: 'emoji.js'},
    {name: 'external-script', input: 'external-script.js'},
    {name: 'front-matter', input: 'front-matter/index.js'},
    {name: 'zoom-image', input: 'zoom-image.js'},
    {name: 'disqus', input: 'disqus.js'},
    {name: 'gitalk', input: 'gitalk.js'}
  ]

  const promises = plugins.map(item => {
    return build({
      input: 'src/plugins/' + item.input,
      output: 'plugins/' + item.name + '.js'
    })
  })

  if (isProd) {
    plugins.forEach(item => {
      promises.push(build({
        input: 'src/plugins/' + item.input,
        output: 'plugins/' + item.name + '.min.js',
        plugins: [uglify()]
      }))
    })
  }

  await Promise.all(promises)
}

async function main() {
  if (!isProd) {
    chokidar
      .watch(['src/core', 'src/plugins'], {
        atomic: true,
        awaitWriteFinish: {
          stabilityThreshold: 1000,
          pollInterval: 100
        }
      })
      .on('change', p => {
        console.log('[watch] ', p)
        const dirs = p.split(path.sep)
        if (dirs[1] === 'core') {
          buildCore()
        } else if (dirs[2]) {
          const name = path.basename(dirs[2], '.js')
          const input = `src/plugins/${name}${
            /\.js/.test(dirs[2]) ? '' : '/index'
          }.js`

          build({
            input,
            output: 'plugins/' + name + '.js'
          })
        }
      })
      .on('ready', () => {
        console.log('[start]')
        buildCore()
        buildAllPlugin()
      })
  } else {
    await Promise.all([
      buildCore(),
      buildAllPlugin()
    ])
  }
}

main().catch((e) => {
  console.error(e)
  process.exit(1)
})