rollup.config.js

import path from 'path'
import ts from 'rollup-plugin-typescript2'
import { terser } from 'rollup-plugin-terser'
import nodeResolve from '@rollup/plugin-node-resolve'
import nodeGlobals from 'rollup-plugin-node-globals'
import replace from '@rollup/plugin-replace'

const packageDir = path.resolve(__dirname)
const name = 'vuex-light'
const packageResolve = p => path.resolve(packageDir, p)

const defaultFormats = ['esm-bundler', 'esm-browser', 'cjs', 'global']
const inlineFormats = process.env.FORMATS && process.env.FORMATS.split(',')
const finalFormats = inlineFormats || defaultFormats

const defaultModes = ['development', 'production']
const inlineModes = process.env.MODES && process.env.MODES.split(',')
const finalModes = inlineModes || defaultModes

let hasChecked = false

const outputConfigs = {
  'esm-bundler': {
    format: 'es',
    file: packageResolve(`dist/index.esm-bundler.js`),
  },
  'esm-browser': {
    format: 'es',
    file: packageResolve(`dist/index.esm-browser.js`),
  },
  cjs: {
    format: 'cjs',
    file: packageResolve(`dist/index.cjs.js`),
  },
  global: {
    format: 'iife',
    file: packageResolve(`dist/index.global.js`),
  },
}

function createConfig({ format, mode, outputConfig }) {
  const isBundler = /bundler/.test(format)
  const isGlobal = /global/.test(format)
  const isDev = mode === 'development' || isBundler

  const finalConfig = {
    input: packageResolve('src/index.ts'),
    external: isBundler ? ['vue'] : [],
    output: {
      ...outputConfig,
      globals: {
        vue: 'Vue',
      },
      name: isGlobal ? 'VueCompositionUi' + toPascalCase(name) : undefined,
      file: isDev ? outputConfig.file : outputConfig.file.replace(/\.js$/, '.prod.js'),
    },
    plugins: [
      ts({
        checked: hasChecked === false,
      }),
      nodeResolve(),
      nodeGlobals(),
      replace({
        preventAssignment: true,
        __DEV__: isBundler ? `(process.env.NODE_ENV !== 'production')` : isDev,
      }),
      isDev ? undefined : terser(),
    ],
  }

  hasChecked = true

  return finalConfig
}

const configs = finalFormats
  .map(format =>
    finalModes.map(mode =>
      createConfig({
        format,
        mode,
        outputConfig: outputConfigs[format],
      }),
    ),
  )
  .reduce((flattedConfigs, configs) => flattedConfigs.concat(...configs), [])

function toPascalCase(string) {
  return string
    .split('-')
    .map(part => part.charAt(0).toUpperCase() + part.slice(1))
    .join('')
}

export default configs