diff --git a/context.js b/context.js
index ac35262..72a7033 100644
--- a/context.js
+++ b/context.js
@@ -13,7 +13,7 @@
  *  Copyright (c) 2021 Zeno Zeng
  */
 
-module.exports = (function () {
+export default (function () {
     "use strict";
 
     var STYLES, ctx, CanvasGradient, CanvasPattern, namedEntities;
diff --git a/element.js b/element.js
index bd674a3..1e9be49 100644
--- a/element.js
+++ b/element.js
@@ -1,4 +1,4 @@
-var Context = require('./context');
+import Context from './context';
 
 function SVGCanvasElement(options) {
 
@@ -126,4 +126,4 @@ SVGCanvasElement.prototype.getElement = function() {
     return this.wrapper;
 };
 
-module.exports = SVGCanvasElement;
+export default SVGCanvasElement;
diff --git a/index.js b/index.js
index 49e4f74..b945055 100644
--- a/index.js
+++ b/index.js
@@ -1,7 +1,5 @@
-const Context = require('./context');
-const Element = require('./element');
+import Context from './context';
+import Element from './element';
 
-module.exports = {
-    Context,
-    Element,
-}
\ No newline at end of file
+export {Context};
+export {Element};
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 5ba40f7..d529749 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,62 @@
 {
   "name": "svgcanvas",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "2.0.0",
+      "version": "2.0.1",
       "license": "MIT",
-      "devDependencies": {}
+      "devDependencies": {
+        "rollup": "^2.51.1"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "2.51.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.51.1.tgz",
+      "integrity": "sha512-8xfDbAtBleXotb6qKEHWuo/jkn94a9dVqGc7Rwl3sqspCVlnCfbRek7ldhCARSi7h32H0xR4QThm1t9zHN+3uw==",
+      "dev": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.1"
+      }
+    }
+  },
+  "dependencies": {
+    "fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "optional": true
+    },
+    "rollup": {
+      "version": "2.51.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.51.1.tgz",
+      "integrity": "sha512-8xfDbAtBleXotb6qKEHWuo/jkn94a9dVqGc7Rwl3sqspCVlnCfbRek7ldhCARSi7h32H0xR4QThm1t9zHN+3uw==",
+      "dev": true,
+      "requires": {
+        "fsevents": "~2.3.1"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index a06d1ef..4c7975a 100644
--- a/package.json
+++ b/package.json
@@ -2,12 +2,19 @@
   "name": "svgcanvas",
   "version": "2.0.1",
   "description": "svgcanvas",
-  "main": "index.js",
+  "main": "dist/svgcanvas.js",
+  "scripts": {
+    "build": "rollup index.js -o dist/svgcanvas.js -f cjs",
+    "prepublishOnly": "npm run build"
+  },
   "keywords": [
     "canvas",
     "svg",
     "canvas2svg"
   ],
   "author": "Zeno Zeng",
-  "license": "MIT"
+  "license": "MIT",
+  "devDependencies": {
+    "rollup": "^2.51.1"
+  }
 }