rollup.config.js

import nodeResolve from '@rollup/plugin-node-resolve'
import { visualizer } from 'rollup-plugin-visualizer'
import commonjs from '@rollup/plugin-commonjs'
import filesize from 'rollup-plugin-filesize'
import replace from '@rollup/plugin-replace'
import terser from '@rollup/plugin-terser'
import babel from '@rollup/plugin-babel'
import fs from 'fs'

const babelRc = JSON.parse(fs.readFileSync('./.babelrc'))

const globals = {
  react: 'React',
  'react-dom': 'ReactDOM',
  '@emotion/react': 'emotionReact',
  '@emotion/styled': 'emotionStyled',
  '@microlink/mql': 'mql'
}

const plugins = ({ compress }) => [
  nodeResolve(),
  babel({
    babelrc: false,
    ...babelRc,
    babelHelpers: 'runtime'
  }),
  commonjs(),
  compress && terser(),
  filesize(),
  visualizer({ template: 'treemap' }),
  replace({
    preventAssignment: true,
    values: {
      'process.env.NODE_ENV': JSON.stringify('production')
    }
  })
]

const build = ({ file, format, name, exports }) => {
  const compress = file.includes('.min.')
  return {
    input: './src/index.js',
    output: {
      sourcemap: compress,
      file,
      format,
      exports,
      name,
      globals
    },
    external: [/@babel\/runtime/].concat(Object.keys(globals)),
    plugins: plugins({ compress })
  }
}

const builds = [
  build({
    format: 'esm',
    file: 'dist/microlink.mjs',
    exports: 'named'
  }),
  build({
    format: 'esm',
    file: 'dist/microlink.min.mjs',
    exports: 'named'
  }),
  build({
    format: 'cjs',
    file: 'dist/microlink.cjs',
    exports: 'named'
  }),
  build({
    format: 'cjs',
    file: 'dist/microlink.min.cjs',
    exports: 'named'
  })
]

export default builds