rollup config

rollup-index.config.js

import css from "rollup-plugin-css-porter";
import pkg from "../../package.json";
import resolve from "rollup-plugin-node-resolve";
import babel from "rollup-plugin-babel";
import path from "path";
import commonjs from "rollup-plugin-commonjs";
import { terser } from "rollup-plugin-terser";

process.env.BABEL_ENV = "production";
process.env.NODE_ENV = "production";
const extensions = [".js", ".jsx", ".ts", ".tsx", ".css"];
const makeExternalPredicate = externalArr => {
    if (externalArr.length === 0) return () => false;
    return id => new RegExp(`^(${externalArr.join('|')})($|/)`).test(id);
};
export default {
    input: ['src/export/index.ts'],
    preserveModules: false,
    output: [{
        dir: 'dist',
        sourcemapPathTransform: relativePath => {
            return path.relative('src', relativePath)
        },
        format: 'cjs',
        sourcemap: false
    }],
    external: makeExternalPredicate(Object.keys(pkg.peerDependencies || {}).concat(Object.keys(pkg.dependencies || {}))),
    plugins: [
        commonjs({
            include: "node_modules/**",
            namedExports: {
                "node_modules/react-with-gesture/dist/react-with-gesture": ["useGesture"],
                "node_modules/react-spring/web.js": ["animated", "useSpring", "useTransition", "config", "interpolate"],
                "node_modules/react-spring/renderprops.cjs": ["Spring", "animated"],
                "node_modules/linaria": ["cx", "css"],
                "node_modules/linaria/react.js": ["styled"],
                "node_modules/react-dom/index.js": [
                    "findDOMNode",
                    "createPortal",
                ],
                "node_modules/react/index.js": [
                    "Component",
                    "PureComponent",
                    "Fragment",
                    "cloneElement",
                    "forwardRef",
                    "createElement",
                    "createFactory",
                    "Children",
                    "createContext",
                    "createRef",
                    "isValidElement",
                    "lazy",
                    "memo",
                    "Suspense",
                    "Profiler",
                    "StrictMode",
                    "useContext",
                    "useDebugValue",
                    "useImperativeHandle",
                    "useMemo",
                    "useReducer",
                    "useRef",
                    "useState",
                    "useLayoutEffect",
                    "useEffect",
                    "useCallback",
                    "version"
                ],
            },
        }),
        resolve({ extensions }),
        css({
            dest: "./dist/styles.css",
            minified: true,
        }),
        babel({
            babelHelpers: "runtime",
            extensions,
            include: ["src/**/*"],
            exclude: "node_modules/**",
            babelrc: true
        }),
        terser({
            compress: {
                passes: 10
            }
        })
    ],

}

This is a really nice suggestion you posted on stackoverflow
Was wondering if you have an updated setup in 2021?
Most of the Rollup plugins are under the @rollup/plugin... Name now.