Expose react CJS module

jackocnr · Apr 10, 2024 · 156ca7e · 156ca7e
1 parent 1503f64
commit 156ca7e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -101,6 +101,7 @@
     "./data": "./build/js/data.js",
     "./react": {
       "types": "./react/build/IntlTelInput.d.ts",
+      "require": "./react/build/IntlTelInput.cjs",
       "default": "./react/build/IntlTelInput.js"
     },
     "./*": "./*"

diff --git a/react/build.js b/react/build.js
@@ -3,30 +3,43 @@
 const { build } = require("esbuild");
 const packageJson = require("../package.json");
 
-build({
+const mainShared = {
   bundle: true,
   entryPoints: ["react/src/intl-tel-input/react.tsx"],
   external: ["react", "react-dom", "prop-types"],
   logLevel: "info",
   minify: true,
   define: { "process.env.VERSION": `"${packageJson.version}"` },
+};
+
+//* React Component - CommonJS
+build({
+  ...mainShared,
+  format: "cjs",
+  outfile: "react/build/IntlTelInput.cjs",
+});
+
+//* React Component - Default (ES Modules)
+build({
+  ...mainShared,
   format: "esm",
   outfile: "react/build/IntlTelInput.js",
 });
 
-//* Demo Files
 const demoShared = {
   bundle: true,
   define: { "process.env.VERSION": `"${packageJson.version}"` },
   format: "iife",
 };
 
+//* Simple demo app
 build({
   ...demoShared,
   entryPoints: ["react/demo/SimpleApp.tsx"],
   outfile: "react/demo/simple-bundle.js",
 });
 
+//* Validation demo app
 build({
   ...demoShared,
   entryPoints: ["react/demo/ValidationApp.tsx"],