rollup.config.js

import babel, { getBabelOutputPlugin } from '@rollup/plugin-babel';

import alias from '@rollup/plugin-alias';
import commonjs from '@rollup/plugin-commonjs';
import multi from '@rollup/plugin-multi-entry';
import postcss from 'rollup-plugin-postcss';
import resolve from '@rollup/plugin-node-resolve';

// Rollup alias paths
const path = require('path');

const assets = path.resolve(__dirname, './src/assets');
const src = path.resolve(__dirname, './src');
const utilities = path.resolve(__dirname, './src/utilities');

// Post CSS plugins
const postcssPresetEnv = require('postcss-preset-env');
const autoprefixer = require('autoprefixer');

// Babel config path
const babelConfig = path.resolve(__dirname, '.babelrc');

// Helper function to create config
export default {
  input: 'src/components/**/*.js',
  output: [{
    name: 'default-component-library',
    sourcemap: true,
    file: 'dist/index.js',
    format: 'esm',
    globals: { react: 'React' }
  }],
  plugins: [
    alias({
      entries: [
        { find: 'assets', replacement: assets },
        { find: 'src', replacement: src },
        { find: 'utilities', replacement: utilities }
      ]
    }),
    babel({
      babelHelpers: 'bundled',
      compact: true,
      exclude: 'node_modules/**'
    }),
    commonjs(),
    getBabelOutputPlugin({ configFile: babelConfig }),
    multi(),
    postcss({
      extract: false,
      modules: true,
      plugins: [
        autoprefixer(),
        postcssPresetEnv({ stage: 0 })
      ],
      use: [ 'sass' ]
    }),
    resolve()
  ]
};