init (graduate from prototype)

rollup.config.js

@@ -0,0 +1,147 @@
+const fs = require('fs')
+const path = require('path')
+const ts = require('rollup-plugin-typescript2')
+const replace = require('rollup-plugin-replace')
+const alias = require('rollup-plugin-alias')
+
+if (!process.env.TARGET) {
+  throw new Error('TARGET package must be specified via --environment flag.')
+}
+
+const packagesDir = path.resolve(__dirname, 'packages')
+const packageDir = path.resolve(packagesDir, process.env.TARGET)
+const name = path.basename(packageDir)
+const resolve = p => path.resolve(packageDir, p)
+const pkg = require(resolve(`package.json`))
+const packageOptions = pkg.buildOptions || {}
+
+// build aliases dynamically
+const aliasOptions = { resolve: ['.ts'] }
+fs.readdirSync(packagesDir).forEach(dir => {
+  if (fs.statSync(path.resolve(packagesDir, dir)).isDirectory()) {
+    aliasOptions[`@vue/${dir}`] = path.resolve(packagesDir, `${dir}/src/index`)
+  }
+})
+const aliasPlugin = alias(aliasOptions)
+
+// ensure TS checks only once for each build
+let hasTSChecked = false
+
+const configs = {
+  esm: {
+    file: resolve(`dist/${name}.esm.js`),
+    format: `es`
+  },
+  cjs: {
+    file: resolve(`dist/${name}.cjs.js`),
+    format: `cjs`
+  },
+  umd: {
+    file: resolve(`dist/${name}.umd.js`),
+    format: `umd`
+  },
+  'esm-browser': {
+    file: resolve(`dist/${name}.esm-browser.js`),
+    format: `es`
+  }
+}
+
+const defaultFormats = ['esm', 'cjs']
+const inlineFromats = process.env.FORMATS && process.env.FORMATS.split(',')
+const packageFormats = inlineFromats || packageOptions.formats || defaultFormats
+const packageConfigs = packageFormats.map(format => createConfig(configs[format]))
+
+if (process.env.NODE_ENV === 'production') {
+  packageFormats.forEach(format => {
+    if (format === 'cjs') {
+      packageConfigs.push(createProductionConfig(format))
+    }
+    if (format === 'umd' || format === 'esm-browser') {
+      packageConfigs.push(createMinifiedConfig(format))
+    }
+  })
+}
+
+module.exports = packageConfigs
+
+function createConfig(output, plugins = []) {
+  const isProductionBuild = /\.prod\.js$/.test(output.file)
+  const isUMDBuild = /\.umd(\.prod)?\.js$/.test(output.file)
+  const isBunlderESMBuild = /\.esm\.js$/.test(output.file)
+  const isBrowserESMBuild = /esm-browser(\.prod)?\.js$/.test(output.file)
+
+  if (isUMDBuild) {
+    output.name = packageOptions.name
+  }
+
+  const tsPlugin = ts({
+    check: process.env.NODE_ENV === 'production' && !hasTSChecked,
+    tsconfig: path.resolve(__dirname, 'tsconfig.json'),
+    cacheRoot: path.resolve(__dirname, 'node_modules/.rts2_cache'),
+    tsconfigOverride: {
+      compilerOptions: {
+        declaration: process.env.NODE_ENV === 'production' && !hasTSChecked
+      }
+    }
+  })
+  // we only need to check TS and generate declarations once for each build.
+  // it also seems to run into weird issues when checking multiple times
+  // during a single build.
+  hasTSChecked = true
+
+  return {
+    input: resolve(`src/index.ts`),
+    // UMD and Browser ESM builds inlines everything so that they can be
+    // used alone.
+    external: isUMDBuild || isBrowserESMBuild
+      ? []
+      : Object.keys(aliasOptions),
+    plugins: [
+      tsPlugin,
+      aliasPlugin,
+      createReplacePlugin(isProductionBuild, isBunlderESMBuild),
+      ...plugins
+    ],
+    output,
+    onwarn: (msg, warn) => {
+      if (!/Circular/.test(msg)) {
+        warn(msg)
+      }
+    }
+  }
+}
+
+function createReplacePlugin(isProduction, isBunlderESMBuild) {
+  return replace({
+    __DEV__: isBunlderESMBuild
+      // preserve to be handled by bundlers
+      ? `process.env.NODE_ENV !== 'production'`
+      // hard coded dev/prod builds
+      : !isProduction,
+    // compatibility builds
+    __COMPAT__: !!process.env.COMPAT
+  })
+}
+
+function createProductionConfig(format) {
+  return createConfig({
+    file: resolve(`dist/${name}.${format}.prod.js`),
+    format: /^esm/.test(format) ? 'es' : format
+  })
+}
+
+function createMinifiedConfig(format) {
+  const { terser } = require('rollup-plugin-terser')
+  const isESM = /^esm/.test(format)
+  return createConfig(
+    {
+      file: resolve(`dist/${name}.${format}.prod.js`),
+      format: isESM ? 'es' : format
+    },
+    [
+      terser({
+        module: isESM
+      })
+    ]
+  )
+}