lucide/rollup.config.js

import babel from '@rollup/plugin-babel';
import bundleSize from '@atomico/rollup-plugin-sizes';
import compiler from '@ampproject/rollup-plugin-closure-compiler';
import { terser } from 'rollup-plugin-terser';
import visualizer from 'rollup-plugin-visualizer';
import license from 'rollup-plugin-license';
import replace from 'rollup-plugin-replace';
import resolve from 'rollup-plugin-node-resolve';
import commonJS from 'rollup-plugin-commonjs';
import pkg from './package.json';

const outputFileName = pkg.name;

const inputs = ['build/lucide.js'];
const bundles = [
  {
    inputs,
    format: 'umd',
    dir: 'dist',
    minify: true,
  },
  {
    inputs,
    format: 'umd',
    dir: 'dist',
  },
  {
    inputs,
    format: 'cjs',
    dir: 'dist',
  },
];

const configs = bundles
  .map(({ inputs, dir, format, minify }) =>
    inputs.map(input => ({
      input,
      external: ['lodash/camelCase', 'lodash/upperFirst'],
      plugins: [
        replace({
          'icons = {}': 'icons = allIcons',
          delimiters: ['', ''],
        }),
        babel({
          babelHelpers: 'bundled',
        }),
        // The two minifiers together seem to procude a smaller bundle 🤷‍♂️
        minify && compiler(),
        minify && terser(),
        license({
          banner: `${pkg.name} v${pkg.version} - ${pkg.license}`,
        }),
        bundleSize(),
        resolve(),
        commonJS({
          include: 'node_modules/**',
        }),
        visualizer({
          sourcemap: true,
          filename: `stats/${outputFileName}${minify ? '-min' : ''}.html`,
        }),
      ].filter(Boolean),
      output: {
        name: 'lucide',
        file: `${dir}/${format}/${outputFileName}${minify ? '.min' : ''}.js`,
        format,
        sourcemap: true,
        globals: {
          'lodash/camelCase': 'camelCase',
          'lodash/upperFirst': 'upperFirst',
        },
      },
    })),
  )
  .flat();

export default configs;