refactor(react): only ship es modules

BREAKING.md

@@ -23,6 +23,9 @@ This is a comprehensive list of the breaking changes introduced in the major ver
   - [Slides](#version-7x-slides)
   - [Textarea](#version-7x-textarea)
   - [Virtual Scroll](#version-7x-virtual-scroll)
+- [JavaScript Frameworks](#version-7x-javascript-frameworks)
+  - [React](#version-7x-react)
+  - [Vue](#version-7x-vue)
 - [Utilities](#version-7x-utilities)
   - [hidden attribute](#version-7x-hidden-attribute)
 
@@ -133,6 +136,16 @@ Developers using the component will need to migrate to a virtual scroll solution
 
 Any references to the virtual scroll types from `@ionic/core` have been removed. Please remove or replace these types: `Cell`, `VirtualNode`, `CellType`, `NodeChange`, `HeaderFn`, `ItemHeightFn`, `FooterHeightFn`, `ItemRenderFn` and `DomRenderFn`.
 
+<h2 id="version-7x-javascript-frameworks">JavaScript Frameworks</h2>
+
+<h4 id="version-7x-react">React</h4>
+
+`@ionic/react` and `@ionic/react-router` no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite. Developers should not need to make any changes to their projects.
+
+<h4 id="version-7x-vue">Vue</h4>
+
+`@ionic/vue` and `@ionic/vue-router` no longer ships a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite. Developers should not need to make any changes to their project.
+
 <h2 id="version-7x-utilities">Utilities</h2>
 
 <h4 id="version-7x-hidden-attribute">`hidden` attribute</h4>

packages/react-router/package.json

@@ -31,7 +31,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/"

packages/react-router/rollup.config.js

@@ -4,16 +4,11 @@ import resolve from '@rollup/plugin-node-resolve';
 export default {
   input: 'dist-transpiled/index.js',
   output: [
-    {
-      file: 'dist/index.esm.js',
-      format: 'es',
-      sourcemap: true,
-    },
     {
       file: 'dist/index.js',
-      format: 'commonjs',
+      format: 'es',
       sourcemap: true,
-    },
+    }
   ],
   external: (id) => !/^(\.|\/)/.test(id),
   plugins: [resolve(), sourcemaps()],

packages/react/package.json

@@ -34,7 +34,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/",

packages/react/rollup.config.js

@@ -10,17 +10,11 @@ export default {
   output: [
     {
       dir: 'dist/',
-      entryFileNames: '[name].esm.js',
-      chunkFileNames: '[name]-[hash].esm.js',
+      entryFileNames: '[name].js',
+      chunkFileNames: '[name]-[hash].js',
       format: 'es',
       sourcemap: true,
-    },
-    {
-      dir: 'dist/',
-      format: 'commonjs',
-      preferConst: true,
-      sourcemap: true,
-    },
+    }
   ],
   external: (id) => !/^(\.|\/)/.test(id),
   plugins: [

packages/vue-router/package.json

@@ -14,7 +14,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist/"

packages/vue-router/rollup.config.js

@@ -1,14 +1,9 @@
 export default {
   input: 'dist-transpiled/index.js',
   output: [
-    {
-      file: 'dist/index.esm.js',
-      format: 'es',
-      sourcemap: true,
-    },
     {
       file: 'dist/index.js',
-      format: 'commonjs',
+      format: 'es',
       sourcemap: true,
     }
   ],

packages/vue/package.json

@@ -19,7 +19,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist/",

packages/vue/rollup.config.js

@@ -5,17 +5,11 @@ export default {
   output: [
     {
       dir: 'dist/',
-      entryFileNames: '[name].esm.js',
-      chunkFileNames: '[name]-[hash].esm.js',
+      entryFileNames: '[name].js',
+      chunkFileNames: '[name]-[hash].js',
       format: 'es',
       sourcemap: true
     },
-    {
-      dir: 'dist/',
-      format: 'commonjs',
-      preferConst: true,
-      sourcemap: true
-    }
   ],
   external: id => external.includes(id) || id.startsWith('@ionic/core') || id.startsWith('ionicons')
 };