tabulous/rollup.config.mjs

A customizable, responsive data table component for React with sorting, filtering, and pagination.

import babel from "@rollup/plugin-babel";
import typescript from "@rollup/plugin-typescript";
import { terser } from "rollup-plugin-terser";
import styles from "rollup-plugin-styles";
import svgr from "rollup-plugin-svgr";

const devMode = process.env.NODE_ENV === "development";
console.log(`${devMode ? "development" : "production"} mode bundle`);

export default {
  input: "src/index.tsx",
  output: {
    file: "dist/index.js",
    format: "es",
    sourcemap: devMode ? "inline" : false,
  },
  plugins: [
    typescript({ tsconfig: "./tsconfig.json" }),
    styles({
      modules: true,
      sass: true,
    }),
    babel({
      presets: ["@babel/preset-env", "@babel/preset-react"],
      babelHelpers: "bundled",
      exclude: "node_modules/**",
    }),
    svgr(),
    terser({
      ecma: 2020,
      mangle: { toplevel: true },
      compress: {
        module: true,
        toplevel: true,
        unsafe_arrows: true,
        drop_console: !devMode,
        drop_debugger: !devMode,
      },
      output: { quote_style: 1 },
    }),
  ],
  external: ["react", "react-dom", "@tanstack/react-table"],
};