react-rollup-demo/rollup.config.js

REACT ROLLUP JS

import babel from 'rollup-plugin-babel'
import commonjs from 'rollup-plugin-commonjs'
import resolve from 'rollup-plugin-node-resolve'
import external from 'rollup-plugin-peer-deps-external'
import { uglify } from 'rollup-plugin-uglify'
import scss from 'rollup-plugin-scss'

const input = 'src/index.js'
const output = 'dist/index'

export default [
  {
    input: input,
    output: [
      {
        file: `${output}.js`,
        format: 'cjs',
        sourcemap: true
      },
      {
        file: `${output}.modern.js`,
        format: 'es',
        sourcemap: true
      }
    ],
    plugins: [
      external(),
      scss(),
      babel({
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        exclude: 'node_modules/**'
      }),
      resolve(),
      commonjs(),
      uglify()
    ]
  }
]