fix: make alias can be overridden properly (#1648)

Co-authored-by: meteorlxy <[email protected]>

Author: Mister-Hope

e2e/docs/.vuepress/config.ts

@@ -83,4 +83,13 @@ export default defineUserConfig({
   },
 
   plugins: [fooPlugin],
+
+  // The alias entries are intentionally ordered by key length to ensure
+  // that more specific aliases (e.g., '@dir/a.js') take precedence over
+  // less specific ones (e.g., '@dir'). Do not reorder these entries.
+  alias: {
+    '@dir/a.js': path.resolve(__dirname, '../../modules/dir2/a.js'),
+    '@dir': path.resolve(__dirname, '../../modules/dir1'),
+    '@dir/b.js': path.resolve(__dirname, '../../modules/dir2/b.js'),
+  },
 })

e2e/docs/hooks/alias/dir.md

@@ -0,0 +1,5 @@
+<p id="result">{{result}}</p>
+
+<script setup>
+import { result } from '@dir/c.js'
+</script>

e2e/docs/hooks/alias/override.md

@@ -0,0 +1,7 @@
+<p id="a">{{aResult}}</p>
+<p id="b">{{bResult}}</p>
+
+<script setup>
+import { result as aResult } from '@dir/a.js'
+import { result as bResult } from '@dir/b.js'
+</script>

e2e/modules/dir1/a.js

@@ -0,0 +1 @@
+export const result = 'dir1 > a'

e2e/modules/dir1/b.js

@@ -0,0 +1 @@
+export const result = 'dir1 > b'

e2e/modules/dir1/c.js

@@ -0,0 +1 @@
+export const result = 'dir1 > c'

e2e/modules/dir2/a.js

@@ -0,0 +1 @@
+export const result = 'dir2 > a'

e2e/modules/dir2/b.js

@@ -0,0 +1 @@
+export const result = 'dir2 > b'

e2e/tests/hooks/alias/dir.spec.ts

@@ -0,0 +1,6 @@
+import { expect, test } from '@playwright/test'
+
+test('should apply alias to subpath', async ({ page }) => {
+  await page.goto('hooks/alias/dir.html')
+  await expect(page.locator('#result')).toHaveText('dir1 > c')
+})

e2e/tests/hooks/alias/override.spec.ts

@@ -0,0 +1,7 @@
+import { expect, test } from '@playwright/test'
+
+test('longer aliases should override shorter ones', async ({ page }) => {
+  await page.goto('hooks/alias/override.html')
+  await expect(page.locator('#a')).toHaveText('dir2 > a')
+  await expect(page.locator('#b')).toHaveText('dir2 > b')
+})