nebula.js/rollup.config.js

const path = require('path');
const nodeResolve = require('rollup-plugin-node-resolve');
const commonjs = require('rollup-plugin-commonjs');
const babel = require('rollup-plugin-babel');
const replace = require('rollup-plugin-replace');
const sass = require('rollup-plugin-sass');
const { terser } = require('rollup-plugin-terser');

const cwd = process.cwd();
const pkg = require(path.join(cwd, 'package.json')); // eslint-disable-line
const {
  name,
  version,
  license,
} = pkg;

const banner = `/*
* ${name} v${version}
* Copyright (c) ${new Date().getFullYear()} QlikTech International AB
* Released under the ${license} license.
*/
`;

const GLOBALS = {
};

// const watch = process.argv.indexOf('-w') > 2;

const config = (isEsm) => {
  const outputFile = isEsm ? pkg.module : pkg.main;
  const basename = path.basename(outputFile);
  const dir = path.dirname(outputFile);
  const umdName = basename.replace(/-([a-z])/g, (m, p1) => p1.toUpperCase()).split('.js').join('');

  const external = isEsm ? Object.keys(pkg.dependencies || {}) : [];
  const globals = {};
  external.forEach((e) => {
    if ([GLOBALS[e]]) {
      globals[e] = GLOBALS[e];
    }
  });

  const cfg = {
    input: path.resolve(cwd, 'src', 'index'),
    output: {
      file: path.resolve(dir, basename),
      format: isEsm ? 'esm' : 'umd',
      exports: 'default',
      name: umdName,
      sourcemap: true,
      banner,
      globals,
    },
    external,
    plugins: [
      replace({
        'process.env.NODE_ENV': JSON.stringify(isEsm ? 'development' : 'production'),
      }),
      sass({
        insert: true,
      }),
      nodeResolve({
        extensions: ['.js', '.jsx'],
      }),
      commonjs(),
      babel({
        babelrc: false,
        // include: [
        //   'src/**',
        //   // /react-leonardo-ui/
        // ],
        presets: [
          ['@babel/preset-env', {
            modules: false,
            targets: {
              browsers: ['ie 11', 'chrome 47'],
            },
          }],
        ],
        plugins: [
          ['@babel/plugin-transform-react-jsx', { pragma: 'preact.h' }],
        ],
      }),
      // deps(),
    ],
  };

  if (process.env.NODE_ENV === 'production' && !isEsm) {
    cfg.plugins.push(terser({
      output: {
        preamble: banner,
      },
    }));
  }

  return cfg;
};

module.exports = [
  config(),
  config(true),
].filter(Boolean);