tsdx.config.js

const postcss = require('rollup-plugin-postcss')
const peerDepsExternal = require('rollup-plugin-peer-deps-external')
const commonjs = require('@rollup/plugin-commonjs')
const { nodeResolve } = require('@rollup/plugin-node-resolve')
const pkg = require('./package.json')

module.exports = {
  rollup(config) {
    if (config.output.format === 'umd') {
      delete config.external
    }
    config.external = [
      ...Object.keys(pkg.dependencies || {}),
      ...Object.keys(pkg.peerDependencies || {}),
      './src'
    ]
    config.plugins.push(
      peerDepsExternal(),
      nodeResolve({
        ignoreGlobal: false,
        include: ['node_modules/**'],
        extensions: ['.js', '.jsx', '.ts', '.tsx']
      }),
      postcss({
        config: {
          path: './postcss.config.js'
        },
        extensions: ['.css'],
        minimize: true,
        inject: {
          insertAt: 'top'
        }
      }),
      commonjs({
        namedExports: {
          'react-js': ['isValidElementType']
        }
      })
    )
    return config
  }
}