diff --git a/packages/record/src/index.ts b/packages/record/src/index.ts
index c2820aa1d2..76264028f4 100644
--- a/packages/record/src/index.ts
+++ b/packages/record/src/index.ts
@@ -1,3 +1,3 @@
-import { record } from 'rrweb';
+import record from 'rrweb/record';
 
 export { record };
diff --git a/packages/rrweb/package.json b/packages/rrweb/package.json
index abb46b258e..7b315db678 100644
--- a/packages/rrweb/package.json
+++ b/packages/rrweb/package.json
@@ -34,7 +34,6 @@
   "main": "./dist/rrweb.umd.cjs",
   "module": "./dist/rrweb.js",
   "unpkg": "./dist/rrweb.umd.cjs",
-  "typings": "dist/rrweb.d.ts",
   "exports": {
     ".": {
       "import": {
@@ -46,8 +45,21 @@
         "default": "./dist/rrweb.cjs"
       }
     },
-    "./dist/style.css": "./dist/style.css"
+    "./dist/style.css": "./dist/style.css",
+    "./record":  {
+      "import": "./dist/rrweb-record.js"
+    },
+    "./replay":  {
+      "import": "./dist/rrweb-replay.js"
+    }
   },
+"typesVersions": {
+  "*": {
+    "record": ["dist/rrweb-record.d.ts"],
+    "replay": ["dist/rrweb-replay.d.ts"],
+    "*": ["dist/rrweb.d.ts"]
+  }
+},
   "files": [
     "dist",
     "package.json"
diff --git a/packages/rrweb/vite.config.js b/packages/rrweb/vite.config.js
index be00490b64..4583422c5e 100644
--- a/packages/rrweb/vite.config.js
+++ b/packages/rrweb/vite.config.js
@@ -1,4 +1,8 @@
 import config from '../../vite.config.default';
 
 // export default config('src/index.ts', 'rrweb', { outputDir: 'dist/main' });
-export default config('src/index.ts', 'rrweb');
+export default config({
+  'rrweb': 'src/index.ts',
+  'rrweb-record': 'src/record/index.ts',
+  'rrweb-replay': 'src/replay/index.ts'
+}, 'rrweb');