rollup.config.ts

import commonjs from 'rollup-plugin-commonjs';
import resolve from 'rollup-plugin-node-resolve';
import sourceMaps from 'rollup-plugin-sourcemaps';
import { terser } from 'rollup-plugin-terser';
import pkg from './package.json';

const createConfig = ({ output, min = false }) => {
  const minify =
    min &&
    terser({
      mangle: {
        properties: {
          reserved: [
            'config',
            'navigationTiming',
            'resourceTiming',
            'elementTiming',
            'start',
            'end',
            'endPaint',
            'fetchTime',
            'workerTime',
            'totalTime',
            'downloadTime',
            'timeToFirstByte',
            'headerSize',
            'dnsLookupTime',
            'chrome',
            'hidden',
            'addEventListener',
            'requestIdleCallback',
            'metricName',
            'dataConsumption',
            'analyticsTracker',
            'logPrefix',
            'logging',
            'maxMeasureTime',
            'beacon',
            'css',
            'fetch',
            'img',
            'other',
            'script',
            'total',
            'xmlhttprequest',
            'initiatorType',
            'decodedBodySize',
            'renderTime',
            'loadTime',
            'eventProperties',
            'navigator',
            'connection',
            'networkInformation',
            'downlink',
            'effectiveType',
            'rtt',
            'saveData',
            'workerStart',
            'transferSize',
            'encodedBodySize',
            'Perfume',
            'deviceMemory',
            'userAgent',
            'hardwareConcurrency',
            'navigatorInformation',
            'isLowEndDevice',
            'isLowEndExperience',
            'serviceWorkerStatus',
            'storageEstimateQuota',
            'storageEstimateUsage',
            'storageEstimateCaches',
            'storageEstimateIndexedDB',
            'storageEstimatSW',
            'estimate',
            'storage',
            'quota',
            'usage',
            'usageDetails',
            'caches',
            'indexedDB',
            'serviceWorkerRegistrations',
            'identifier',
            'vitalsScore',
            'fp',
            'fcp',
            'lcp',
            'lcpFinal',
            'fid',
            'fidVitals',
            'cls',
            'clsFinal',
            'tbt',
            'tbt5S',
            'tbt10S',
            'tbtFinal',
            'processingStart',
            'PerformanceObserver',
            'performanceEntry'
          ]
        }
      },
      output: {
        comments(node, { text, type }) {
          if (type === 'comment2') {
            // multiline comment
            return /@preserve|@license|@cc_on/i.test(text);
          }
        },
      },
    });

  const plugins = [
    // https://github.com/rollup/rollup-plugin-node-resolve#usage
    resolve(),
    // Resolve source maps to the original source
    sourceMaps(),
    minify,
  ];

  if (output.format !== 'esm') {
    // Allow bundling cjs modules (unlike webpack, rollup doesn't understand cjs)
    plugins.unshift(commonjs());
  }

  return {
    input: 'dist/es/perfume.js',
    output: {
      file: output.file,
      format: output.format,
      name: 'Perfume',
      sourcemap: true,
    },
    watch: { include: 'dist/es/**' },
    plugins: plugins.filter(Boolean),
  };
};

export default [
  createConfig({
    output: { file: pkg.module, format: 'esm' }
  }),
  createConfig({
    output: { file: pkg.main, format: 'cjs' }
  }),
  createConfig({
    output: { file: 'dist/perfume.esm.min.js', format: 'esm' },
    min: true,
  }),
  createConfig({
    output: { file: 'dist/perfume.min.js', format: 'cjs' },
    min: true,
  }),
  createConfig({
    output: { file: pkg.iife, format: 'iife' },
  }),
  createConfig({
    output: { file: 'dist/perfume.iife.min.js', format: 'iife' },
    min: true,
  }),
  createConfig({
    output: { file: pkg.unpkg, format: 'umd' },
  }),
  createConfig({
    output: { file: 'dist/perfume.umd.min.js', format: 'umd' },
    min: true,
  }),
];