rollup.config.cdn.js

import babel from   "@rollup/plugin-babel";
import peerDepsExternal from 'rollup-plugin-peer-deps-external';
import resolve from '@rollup/plugin-node-resolve';
 
import filesize from 'rollup-plugin-filesize';
 
import replace from "@rollup/plugin-replace";
import typescript from 'rollup-plugin-typescript2';

import terser from "@rollup/plugin-terser";

const config = {
    input: 'src/main.tsx',
 
    output: [
        {
            
            file: 'dist/react-adobe-embed.cdn.js',
            // cdn format
            format: 'umd',
            name: 'ReactAdobeEmbed',
               
            globals: {
                react: 'React',
                'react-dom/client': 'ReactDOM'          
            
            },
            sourcemap:'inline'

        }
    ],
    plugins: [

        
        typescript({ useTsconfigDeclarationDir: true ,
            exclude: [
                "**/__tests__"
            ],
            sourceMap: true,
        }),
        peerDepsExternal(),
        babel({
            exclude: 'node_modules/**',
          
            babelHelpers: "inline",
            presets: [
                "@babel/preset-env",
                "@babel/preset-react",
                "@babel/preset-typescript"
            ],
        }),
        resolve(),
    
        replace({
            "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)
        }),
        filesize(),
    
        terser( {
            format:{
              comments: "all",
              preamble: `${process.env.CDN_PREAMBLE_COMMENTARY_NOTICE || "/* react-adobe-embed */"}`
            }
          }),
        
    ],


    external: ['react', 'react-dom/client', 'react-dom'],
};

export default config;