build: add export field, use mjs/cjs

Shamelessly stolen from 5603726

Author: GerkinDev

package.json

@@ -34,6 +34,17 @@
   "bugs": {
     "url": "https://github.com/ReactTooltip/react-tooltip/issues"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/react-tooltip.d.ts",
+      "require": "./dist/react-tooltip.min.cjs",
+      "import": "./dist/react-tooltip.min.mjs",
+      "default": "./dist/react-tooltip.min.cjs"
+    },
+    "./dist/react-tooltip.css": "./dist/react-tooltip.min.css",
+    "./dist/react-tooltip.d.ts": "./dist/react-tooltip.d.ts",
+    "./package.json": "./package.json"
+  },
   "homepage": "https://github.com/ReactTooltip/react-tooltip#readme",
   "devDependencies": {
     "@rollup/plugin-commonjs": "22.0.2",

rollup.config.prod.js

@@ -30,11 +30,11 @@ const buildFormats = [
     },
   },
   {
-    file: 'dist/react-tooltip.cjs.js',
+    file: 'dist/react-tooltip.cjs',
     format: 'cjs',
   },
   {
-    file: 'dist/react-tooltip.esm.js',
+    file: 'dist/react-tooltip.mjs',
     format: 'es',
   },
 ]
@@ -100,7 +100,7 @@ const defaultOutputData = buildFormats.map(({ file, format, globals }) => ({
 
 // this step is just to build the minified css and es modules javascript
 const minifiedOutputData = buildFormats.map(({ file, format, globals }) => ({
-  file: file.replace('.js', '.min.js'),
+  file: file.replace('.js', '.min.js').replace('.cjs', '.min.cjs').replace('.mjs', '.min.mjs'),
   format,
   plugins: [...pluginsForCSSMinification, terser(), filesize()],
   globals,