From 3e2bf7fdc5d2f00ed25cd648d345459aa64dbd8c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH] add rollup commonjs plugin

---
 package.json     |  1 +
 rollup.config.js | 29 ++++++++++++++++++-----------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 85dd1d45..ea56bb80 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "mocha": "^5.2.0",
     "puppeteer": "^1.9.0",
     "rollup": "^0.66.6",
+    "rollup-plugin-commonjs": "^9.2.0",
     "rollup-plugin-node-resolve": "^3.4.0",
     "rollup-plugin-postcss": "^1.6.2",
     "rollup-plugin-terser": "^3.0.0",
diff --git a/rollup.config.js b/rollup.config.js
index eb32c118..1aa3b5a0 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,4 +1,5 @@
 import typescript from 'rollup-plugin-typescript';
+import commonjs from 'rollup-plugin-commonjs';
 import resolve from 'rollup-plugin-node-resolve';
 import { terser } from 'rollup-plugin-terser';
 import postcss from 'rollup-plugin-postcss';
@@ -18,7 +19,7 @@ let configs = [
   // browser(record only)
   {
     input: './src/record/index.ts',
-    plugins: [typescript(), resolve()],
+    plugins: [resolve(), commonjs(), typescript()],
     output: [
       {
         name: 'rrwebRecord',
@@ -29,7 +30,7 @@ let configs = [
   },
   {
     input: './src/record/index.ts',
-    plugins: [typescript(), resolve(), terser()],
+    plugins: [resolve(), commonjs(), typescript(), terser()],
     output: [
       {
         name: 'rrwebRecord',
@@ -42,7 +43,7 @@ let configs = [
   // CommonJS(record only)
   {
     input: './src/record/index.ts',
-    plugins: [typescript(), resolve()],
+    plugins: [resolve(), commonjs(), typescript()],
     output: [
       {
         format: 'cjs',
@@ -53,7 +54,7 @@ let configs = [
   // ES module(record only)
   {
     input: './src/record/index.ts',
-    plugins: [typescript(), resolve()],
+    plugins: [resolve(), commonjs(), typescript()],
     output: [
       {
         format: 'esm',
@@ -63,7 +64,7 @@ let configs = [
   },
   {
     input: './src/record/index.ts',
-    plugins: [typescript(), resolve(), terser()],
+    plugins: [resolve(), commonjs(), typescript(), terser()],
     output: [
       {
         format: 'esm',
@@ -76,8 +77,9 @@ let configs = [
   {
     input: './src/index.ts',
     plugins: [
-      typescript(),
       resolve(),
+      commonjs(),
+      typescript(),
       postcss({
         extract: false,
         inject: false,
@@ -94,8 +96,9 @@ let configs = [
   {
     input: './src/index.ts',
     plugins: [
-      typescript(),
       resolve(),
+      commonjs(),
+      typescript(),
       postcss({
         extract: true,
         minimize: true,
@@ -116,8 +119,9 @@ let configs = [
   {
     input: './src/index.ts',
     plugins: [
-      typescript(),
       resolve(),
+      commonjs(),
+      typescript(),
       postcss({
         extract: false,
         inject: false,
@@ -134,8 +138,9 @@ let configs = [
   {
     input: './src/index.ts',
     plugins: [
-      typescript(),
       resolve(),
+      commonjs(),
+      typescript(),
       postcss({
         extract: false,
         inject: false,
@@ -151,8 +156,9 @@ let configs = [
   {
     input: './src/index.ts',
     plugins: [
-      typescript(),
       resolve(),
+      commonjs(),
+      typescript(),
       postcss({
         extract: false,
         inject: false,
@@ -173,8 +179,9 @@ if (process.env.BROWSER_ONLY) {
   configs = {
     input: './src/index.ts',
     plugins: [
-      typescript(),
       resolve(),
+      commonjs(),
+      typescript(),
       postcss({
         extract: true,
         minimize: true,