rollup.config.js

import commonjs from "rollup-plugin-commonjs";
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import resolve from "rollup-plugin-node-resolve";
import babel from "rollup-plugin-babel";
import postcss from "rollup-plugin-postcss";
import copy from "rollup-plugin-copy";

export default {
  input: "src/index.js",
  output: [
    {
      file: "dist/index.esm.js",
      format: "esm",
      sourcemap: true,
      name: "bridge"
    },
    {
      file: "dist/index.cjs.js",
      format: "cjs",
      sourcemap: true,
      name: "bridge"
    },
    {
      file: "dist/index.js",
      format: "umd",
      sourcemap: true,
      name: "bridge"
    },
  ],
  external: ["styled-components", "react"],
  plugins: [
    peerDepsExternal(),

    copy({
      targets: [
        {
          src: [
            "src/static/fonts/hk-grotesk/HKGrotesk-Regular.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-Medium.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-Bold.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-LightItalic.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-Light.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-Italic.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-MediumItalic.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-SemiBold.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-Bold.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-BoldItalic.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-ExtraBold.otf",
            "src/static/fonts/hk-grotesk/HKGrotesk-Black.otf",
          ],
          dest: "dist/fonts/hk-grotesk",
        },
      ],
    }),
    resolve(),
    babel({
      exclude: "node_modules/**",
    }),
    postcss({
      extract: "styles.css",
    }),
    commonjs(),
  ],
};