@sdc-monitor/demo/rollup.config.js

<div align="center"> <a href="#" target="_blank"> <img src="https://i.loli.net/2021/07/28/EvPwd4NjVH3tBfO.jpg" alt="mito-logo" height="90"> </a> <p>A Lightweight SDK For Monitor Web</p>

import json from '@rollup/plugin-json'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import typescript from 'rollup-plugin-typescript2'
import {
  terser
} from 'rollup-plugin-terser'
import clear from 'rollup-plugin-clear'
import cleanup from 'rollup-plugin-cleanup'
import size from 'rollup-plugin-sizes'
import {
  visualizer
} from 'rollup-plugin-visualizer'
import strip from '@rollup/plugin-strip'
// eslint-disable-next-line @typescript-eslint/no-var-requires
const path = require('path')
// eslint-disable-next-line @typescript-eslint/no-var-requires
const fs = require('fs')
if (!process.env.TARGET) {
  throw new Error('TARGET package must be specified')
}
// generate *.d.ts file
const isDeclaration = process.env.TYPES !== 'false'
// eslint-disable-next-line @typescript-eslint/no-var-requires
const masterVersion = require('./package.json').version
const packagesDir = path.resolve(__dirname, 'packages')
const packageDir = path.resolve(packagesDir, process.env.TARGET)
const packageDirDist = process.env.LOCALDIR === 'undefined' ? `${packageDir}/dist` : process.env.LOCALDIR
// package => file name
const name = path.basename(packageDir)
// const pathResolve = (p) => path.resolve(packageDir, p)

// major name
const M = '@sdc-monitor'
const packageDirs = fs.readdirSync(packagesDir)
const paths = {}
packageDirs.forEach((dir) => {
  // filter hidden files
  if (dir.startsWith('.')) return
  paths[`${M}/${dir}`] = [`${packagesDir}/${dir}/src`]
})

const mitoAnnotation = `/* ${M}/${name} version ' + ${masterVersion} */`
// for react
const processEnvBanner = `
  var process = {
    env: {
      NODE_ENV: 'production'
    }
  }
`
const includeEnvNames = ['react', 'web']
const banner = `${mitoAnnotation}${includeEnvNames.includes(name) ? '\n' + processEnvBanner : ''}`

function getCommon(format) {
  const common = {
    input: `${packageDir}/src/index.ts`,
    output: {
      banner,
      footer: '/* follow me on Github! @cjinhuo */',
      globals: {
        react: 'React',
        jsxRuntime: 'jsxRuntime'
      }
    },
    // 外部依赖，也是防止重复打包的配置
    external: [...Object.keys(paths), 'react', 'jsxRuntime'],
    plugins: [
      resolve(),
      size(),
      visualizer({
        title: `${M} analyzer`,
        filename: 'analyzer.html'
      }),
      commonjs({
        exclude: 'node_modules'
      }),
      json(),
      cleanup({
        comments: 'none'
      }),

      typescript({
        tsconfig: 'tsconfig.build.json',
        useTsconfigDeclarationDir: true,
        tsconfigOverride: {
          compilerOptions: {
            declaration: isDeclaration,
            declarationMap: isDeclaration,
            declarationDir: `${packageDirDist}/packages/`, // 类型声明文件的输出目录
            module: 'ES2015',
            paths
          }
        },
        include: ['*.ts+(|x)', '**/*.ts+(|x)', '../**/*.ts+(|x)']
      })
      // remove console.log in bundle
      // strip({
      //   include: ['**/*.(js|ts|tsx)'],
      //   functions: ['console.log']
      // })
    ],
    devServer: {
      contentBase: 'public',
      host: 'localhost',
      port: 2021,
      proxy: {
        '/training-portal-common': {
          target: 'http://test.portal.learn.oa.com'
        }
      }
    }
  }
  return common
}

// const FormatTypes = {
//   esm: 'esm',
//   cjs: 'cjs',
//   iife: 'iife'
// }

const common = getCommon()

const esmPackage = {
  ...common,
  output: {
    file: `${packageDirDist}/${name}.esm.js`,
    format: 'es',
    sourcemap: true,
    ...common.output
  },
  plugins: [
    ...common.plugins,
    clear({
      targets: [packageDirDist]
    })
  ]
}
const cjsPackage = {
  ...common,
  external: [],
  output: {
    // ${packageDirDist}
    // /Users/bytedance/Desktop/github/mitojs/examples/Mini/utils/
    file: `${packageDirDist}/${name}.js`,
    format: 'cjs',
    sourcemap: true,
    minifyInternalExports: true,
    ...common.output
  },
  plugins: [...common.plugins]
}

const iifePackage = {
  ...common,
  external: [],
  output: {
    file: `${packageDirDist}/${name}.min.js`,
    format: 'iife',
    name: 'MITO',
    ...common.output
  },
  plugins: [...common.plugins, terser()]
}
const total = {
  esmPackage,
  iifePackage,
  cjsPackage
}
let result = total
export default [...Object.values(result)]