diff --git a/packages/canvas/init-canvas/init-canvas.ts b/packages/canvas/init-canvas/init-canvas.ts
index cdac3432dd..5c92a4dd5f 100644
--- a/packages/canvas/init-canvas/init-canvas.ts
+++ b/packages/canvas/init-canvas/init-canvas.ts
@@ -9,6 +9,12 @@ export function initCanvas(importMap = {}, importStyleUrls = []) {
         '<!--%IMPORT_STYLE%-->',
         importStyleUrls.map((styleUrl) => `<link rel="stylesheet" crossorigin="" href="${styleUrl}">`).join('\n')
       )
-      .replace('<!--%MAIN_SCRIPT%-->', `<script type="module" src="${canvasScript}"></script>`)
+      .replace('<!--%MAIN_SCRIPT%-->', () => {
+        if (import.meta.env.MODE === 'development') {
+          return `<script type="module" src="${canvasScript}"></script>`
+        }
+
+        return `<script type="module">${canvasScript}</script>`
+      })
   }
 }
diff --git a/packages/canvas/scripts/vite-plugin-separate-build.ts b/packages/canvas/scripts/vite-plugin-separate-build.ts
index ecb7a37d92..a7051e6e4a 100644
--- a/packages/canvas/scripts/vite-plugin-separate-build.ts
+++ b/packages/canvas/scripts/vite-plugin-separate-build.ts
@@ -5,7 +5,7 @@ const queryRE = /[?#].*$/
 
 const bundleCache = new WeakMap()
 
-function cleanUrl(url) {
+function cleanUrl(url: string) {
   return url.replace(queryRE, '')
 }
 function saveEmitBundleAssets(config, asset) {
@@ -88,10 +88,8 @@ export async function vitePluginBuildEntry(customBuildConfig) {
         buildConfig: match.groups.name,
         entries: [file]
       })
-      const formatBase64 = (code) => {
-        return 'data:text/javascript;base64,' + Buffer.from(code).toString('base64')
-      }
-      return `export default ${JSON.stringify(formatBase64(code))}\n`
+
+      return `export default ${JSON.stringify(code)}`
     },
     generateBundle(opts, bundle) {
       if (opts.__vite_skip_assets_emit__) {