diff --git a/.gitignore b/.gitignore
index 6ccc9d84..f35f48b8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 node_modules
 package-lock.json
 build
+dist
diff --git a/package.json b/package.json
index 73c0b112..0c399ca9 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,12 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
-  "main": "index.js",
+  "main": "dist/index.js",
+  "module": "dist/module.js",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
-    "compile": "rollup --config"
+    "bundle": "rollup --config"
   },
   "repository": {
     "type": "git",
@@ -16,6 +17,9 @@
     "snapshot",
     "DOM"
   ],
+  "files": [
+    "dist"
+  ],
   "author": "yanzhen@smartx.com",
   "license": "MIT",
   "bugs": {
diff --git a/rollup.config.js b/rollup.config.js
index d5080466..dc2cd261 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -3,8 +3,19 @@ import typescript from 'rollup-plugin-typescript';
 export default {
   input: './src/index.ts',
   plugins: [typescript()],
-  output: {
-    name: 'rrweb',
-    format: 'iife',
-  },
+  output: [
+    {
+      format: 'cjs',
+      file: './dist/index.js',
+    },
+    {
+      format: 'esm',
+      file: './dist/module.js',
+    },
+    {
+      name: 'rrwebSnapshot',
+      format: 'iife',
+      file: './dist/browser.js',
+    },
+  ],
 };