leumas-private-shared/rollup.config.js

Private React JSX Package For Leumas Shared Components, Headers, Footers, Asides, Login Pages, API Key Manager and much more. Styles and everything reusable to avoid DRY code across all of our subdomains

// rollup.config.js

import peerDepsExternal from "rollup-plugin-peer-deps-external";
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import postcss from "rollup-plugin-postcss";
import url from "@rollup/plugin-url";
import babel from "@rollup/plugin-babel";
import { terser } from "rollup-plugin-terser";
import inject from 'rollup-plugin-inject';
import json from '@rollup/plugin-json';

export default {
  input: "index.jsx", // Ensure your entry point is correct
  output: [
    {
      file: "dist/index.js",
      format: "cjs",
      sourcemap: true,
      exports: 'named'  // Ensure named exports
    },
    {
      file: "dist/index.esm.js",
      format: "esm",
      sourcemap: true,
      exports: 'named'  // Ensure named exports
    }
  ],
  external: ['react', 'react-dom'],  // Exclude react and react-dom from the bundle
  plugins: [
    peerDepsExternal(),
    resolve({
      extensions: ['.js', '.jsx'],
      preferBuiltins: false,
      mainFields: ['browser', 'module', 'main']
    }),
    commonjs(),
    postcss({
      extensions: [".css"]
    }),
    url(),
    json(),
    inject({
      process: 'process',
      global: 'global',
      Buffer: ['buffer', 'Buffer']
    }),
    babel({
      exclude: "node_modules/**",
      presets: ["@babel/preset-env", "@babel/preset-react"],
      babelHelpers: "bundled"
    }),
    terser()
  ]
};