feat:enable-optimizeDeps.esbuildOptions.loader

enable respect `optimizeDeps.esbuildOptions.loader` option so that the map of js types to loader could be customized, relevant issue: #3448
vitejs · Mar 14, 2022 · a3465c7 · a3465c7
1 parent 3949d21
commit a3465c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/vite/src/node/optimizer/index.ts b/packages/vite/src/node/optimizer/index.ts
@@ -253,7 +253,10 @@ export async function optimizeDeps(
         `Unable to parse dependency: ${id}. Trying again with a JSX transform.`
       )
       const transformed = await transformWithEsbuild(entryContent, filePath, {
-        loader: 'jsx'
+        loader:
+          (esbuildOptions.loader &&
+            esbuildOptions.loader[path.extname(filePath)]) ||
+          'jsx'
       })
       // Ensure that optimization won't fail by defaulting '.js' to the JSX parser.
       // This is useful for packages such as Gatsby.

diff --git a/packages/vite/src/node/optimizer/scan.ts b/packages/vite/src/node/optimizer/scan.ts
@@ -433,8 +433,9 @@ function esbuildScanPlugin(
             })
           )
         }
+        const { loader } = config.optimizeDeps?.esbuildOptions ?? {}
         return {
-          loader: ext as Loader,
+          loader: ((loader && loader[`.${ext}`]) || ext) as Loader,
           contents
         }
       })