change custom dynamic import plugin for fix import issue

This solution was suggested by https://github.com/lookis
Jonghakseo · Oct 10, 2023 · f9d92e5 · f9d92e5
1 parent db500fa
commit f9d92e5
Showing 1 changed file with 20 additions and 13 deletions.
diff --git a/utils/plugins/custom-dynamic-import.ts b/utils/plugins/custom-dynamic-import.ts
@@ -3,24 +3,31 @@ import type { PluginOption } from "vite";
 export default function customDynamicImport(): PluginOption {
   return {
     name: "custom-dynamic-import",
-    renderDynamicImport() {
-      if (process.env.__FIREFOX__) {
+    renderDynamicImport({ moduleId }) {
+      if (!moduleId.includes("node_modules")) {
+        // ↑ dont modify any import from node_modules
+        if (process.env.__FIREFOX__) {
+          return {
+            left: `
+          {
+            const dynamicImport = (path) => import(path);
+            dynamicImport(browser.runtime.getURL('./') + 
+            `,
+            right: ".split('../').join(''))}",
+          };
+        }
         return {
           left: `
-        {
-          const dynamicImport = (path) => import(path);
-          dynamicImport(browser.runtime.getURL('./') + 
-          `,
-          right: ".split('../').join(''))}",
+          {
+            const dynamicImport = (path) => import(path);
+            dynamicImport(
+            `,
+          right: ")}",
         };
       }
       return {
-        left: `
-        {
-          const dynamicImport = (path) => import(path);
-          dynamicImport(
-          `,
-        right: ")}",
+        left: "import(",
+        right: ")",
       };
     },
   };