feat: remove code to base64 for performance issue

Author: chilingling

packages/canvas/init-canvas/init-canvas.ts

@@ -2,13 +2,21 @@ import canvasScript from './canvas?url&build=canvas'
 import canvasHtml from './canvas.html?raw'
 
 export function initCanvas(importMap = {}, importStyleUrls = []) {
-  return {
+  const res = {
     html: canvasHtml
       .replace('<!--%IMPORT_MAP%-->', `<script type="importmap">${JSON.stringify(importMap, null, 2)}</script>`)
       .replace(
         '<!--%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%-->',
+        import.meta.env.MODE === 'development'
+          ? `<script type="module" src="${canvasScript}"></script>`
+          : // 将 $ 替换为 $$，然后在上一层的 $$ 再转义回来 $，避免被转义
+            `<script type="module">${canvasScript.replace(/\$/g, '$$$$')}</script>`
+      )
   }
+
+  return res
 }

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__) {