fix: fix webpack

Author: Mister-Hope

packages/bundler-webpack/src/config/handleResolve.ts

@@ -13,23 +13,29 @@ export const handleResolve = async ({
   config: Config
   isServer: boolean
 }): Promise<void> => {
-  // aliases
-  config.resolve.alias
-    .set('@source', app.dir.source())
-    .set('@temp', app.dir.temp())
-    .set('@internal', app.dir.temp('internal'))
+  const alias = {
+    '@source': app.dir.source(),
+    '@temp': app.dir.temp(),
+    '@internal': app.dir.temp('internal'),
+  }
 
-  // extensions
-  config.merge({
-    resolve: {
-      extensionAlias: {
-        '.js': ['.js', '.ts'],
-        '.mjs': ['.mjs', '.mts'],
-      },
-      extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue', '.json'],
-    },
+  // plugin hook: alias
+  const aliasResult = await app.pluginApi.hooks.alias.process(app, isServer)
+
+  aliasResult.forEach((aliasObject) => {
+    Object.assign(alias, aliasObject)
   })
 
+  // set aliases
+  config.resolve.alias.batch((aliasConfig) =>
+    Object.assign(
+      aliasConfig,
+      Object.fromEntries(
+        Object.entries(alias).sort((a, b) => b.length - a.length),
+      ),
+    ),
+  )
+
   // extensions
   config.resolve.extensions.merge([
     '.js',
@@ -40,13 +46,11 @@ export const handleResolve = async ({
     '.json',
   ])
 
-  // plugin hook: alias
-  const aliasResult = await app.pluginApi.hooks.alias.process(app, isServer)
-
-  // set aliases
-  aliasResult.forEach((aliasObject) => {
-    Object.entries(aliasObject).forEach(([key, value]) => {
-      config.resolve.alias.set(key, value)
-    })
+  // extensionAlias
+  config.resolve.merge({
+    extensionAlias: {
+      '.js': ['.js', '.ts'],
+      '.mjs': ['.mjs', '.mts'],
+    },
   })
 }