diff --git a/package.json b/package.json
index 678e30fd..6fa2cce8 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
   },
   "license": "MIT",
   "author": "Burak Cakmakoglu",
-  "main": "dist/index.js",
+  "main": "dist/revue-flow.es.js",
   "module": "dist/revue-flow.es.js",
   "types": "dist/index.d.ts",
   "files": [
diff --git a/rollup.config.js b/rollup.config.js
index 7a5e7fa0..1698d911 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -21,6 +21,9 @@ export const baseConfig = ({ injectCSS = true } = {}) => ({
     }
   },
   output: {
+    globals: {
+      'vue-demi': 'VueDemi'
+    },
     dir: 'dist',
     sourcemap: true,
     exports: 'named'
diff --git a/vite.config.ts b/vite.config.ts
index 4c71a204..18f59a07 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,6 +10,7 @@ export default defineConfig({
       entry: resolve(__dirname, 'src/index.ts'),
       name: 'RevueFlow'
     },
+    sourcemap: true,
     rollupOptions: {
       // make sure to externalize deps that shouldn't be bundled
       // into your library
@@ -25,7 +26,11 @@ export default defineConfig({
         exports: 'named'
       },
       inlineDynamicImports: true
-    }
+    },
+    commonjsOptions: {
+      include: 'node_modules/**'
+    },
+    polyfillDynamicImport: true
   },
   optimizeDeps: {
     exclude: ['vue-demi']