rollup.config.js

import typescript from 'rollup-plugin-typescript2';
import commonjs from 'rollup-plugin-commonjs';
import resolve from 'rollup-plugin-node-resolve';
import scss from 'rollup-plugin-scss';
import react from 'react';
import nodeResolve from 'rollup-plugin-node-resolve';
import peerDepsExternal from 'rollup-plugin-peer-deps-external';
import babel from 'rollup-plugin-babel';
import fs from 'fs';

export default {
  input: 'src/index.ts',
  output: {
    dir: 'dist',
    format: 'cjs',
    exports: 'named',
    name: 'codeInput',
  },
  external: ['react', 'react-dom'],
  plugins: [
    typescript ({
      tsconfig: 'tsconfig.json',
      objectHashIgnoreUnknownHack: true,
    }),
    resolve (),
    commonjs ({
      namedExports: {
        'node_modules/react/index.js': Object.keys (react),
        'node_modules/react-dom/index.js': ['render'],
      },
    }),
    babel ({
      external: 'node_modules/**',
    }),
    scss ({
      output: './dist/bundle.css',
    }),
    nodeResolve ({
      modulesOnly: true,
    }),
    peerDepsExternal (),
  ],
};