feat: umd -> cjs + esm

Author: mfuu

package.json

@@ -2,7 +2,8 @@
   "name": "react-virtual-sortable",
   "version": "1.1.2",
   "description": "A virtual scrolling list component that can be sorted by dragging",
-  "main": "dist/virtual-list.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
   "types": "types/index.d.ts",
   "files": [
     "dist",

rollup.config.js

@@ -1,19 +1,16 @@
-import dts from 'rollup-plugin-dts';
 import babel from '@rollup/plugin-babel';
-import terser from '@rollup/plugin-terser';
-import resolve from '@rollup/plugin-node-resolve';
 import commonJs from '@rollup/plugin-commonjs';
+import resolve from '@rollup/plugin-node-resolve';
 import typescript from '@rollup/plugin-typescript';
+import dts from 'rollup-plugin-dts';
 
 const packageJson = require('./package.json');
-const version = packageJson.version;
-const homepage = packageJson.homepage;
 const extensions = ['.js', '.jsx', '.ts', '.tsx'];
 const banner = `
 /*!
- * react-virtual-sortable v${version}
+ * react-virtual-sortable v${packageJson.version}
  * open source under the MIT license
- * ${homepage}
+ * ${packageJson.homepage}
  */
 `;
 
@@ -23,28 +20,18 @@ export default [
     input: 'src/index.tsx',
     output: [
       {
-        format: 'umd',
-        file: 'dist/virtual-list.js',
-        name: 'VirtualList',
-        sourcemap: false,
-        globals: {
-          react: 'React',
-        },
+        format: 'es',
+        file: packageJson.module,
         banner: banner.replace(/\n/, ''),
       },
       {
-        format: 'umd',
-        file: 'dist/virtual-list.min.js',
-        name: 'VirtualList',
-        sourcemap: false,
-        globals: {
-          react: 'React',
-        },
+        format: 'cjs',
+        file: packageJson.main,
+        exports: 'default',
         banner: banner.replace(/\n/, ''),
-        plugins: [terser()],
       },
     ],
-    plugins: [resolve(), typescript(), commonJs(), babel({ extensions })],
+    plugins: [resolve(), typescript(), commonJs(), babel({ extensions, babelHelpers: 'bundled' })],
   },
   {
     input: 'src/index.tsx',