freesewing/packages/components/rollup.config.js

import babel from 'rollup-plugin-babel'
import resolve from 'rollup-plugin-node-resolve'
import json from 'rollup-plugin-json'
import minify from 'rollup-plugin-babel-minify'
import peerDepsExternal from 'rollup-plugin-peer-deps-external'
import { name, version, description, author, license } from './package.json'
import components from './src/index.js'

const createConfig = (component, module) => {
  return {
    input: `./src/${component + '/'}index.js`,
    output: {
      file: `./${component}/index` + (module ? '.mjs' : '.js'),
      format: module ? 'es' : 'cjs',
      sourcemap: true
    },
    plugins: [
      peerDepsExternal(),
      resolve({ modulesOnly: true }),
      json(),
      babel({
        exclude: 'node_modules/**',
        plugins: ['@babel/plugin-proposal-object-rest-spread']
      }),
      minify({
        comments: false,
        sourceMap: true,
        banner: `/**\n * ${name}/${component} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
      })
    ]
  }
}

const config = []
// When developing, you can use this to only rebuild the components you're working on
let dev = false
let only = ['Workbench']
for (let component of components) {
  if (!dev || only.indexOf(component) !== -1) config.push(createConfig(component, false))
  // Webpack doesn't handle .mjs very well
  //config.push(createConfig(component, true));
}
export default config