test: add test case

sapphi-red · sapphi-red · commit 7a63b4d4352d · 2025-12-10T19:09:53.000+09:00
diff --git a/playground/base-conflict/__tests__/base-conflict.ts b/playground/base-conflict/__tests__/base-conflict.ts
@@ -0,0 +1,6 @@
+import { expect, test } from 'vitest'
+import { page } from '~utils'
+
+test('absolute imports keep base prefix', async () => {
+  await expect.poll(() => page.textContent('.message')).toBe('absolute import')
+})
diff --git a/playground/base-conflict/index.html b/playground/base-conflict/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Base Conflict</title>
+  </head>
+  <body>
+    <div id="app" class="message"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/base-conflict/package.json b/playground/base-conflict/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "@vitejs/test-base-conflict",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "debug": "node --inspect-brk ../../packages/vite/bin/vite",
+    "preview": "vite preview"
+  }
+}
diff --git a/playground/base-conflict/src/importee.ts b/playground/base-conflict/src/importee.ts
@@ -0,0 +1 @@
+export default 'absolute import'
diff --git a/playground/base-conflict/src/main.ts b/playground/base-conflict/src/main.ts
@@ -0,0 +1,3 @@
+import message from 'absolute-importer'
+
+document.querySelector('.message')!.textContent = message
diff --git a/playground/base-conflict/src/virtualModules.d.ts b/playground/base-conflict/src/virtualModules.d.ts
@@ -0,0 +1,4 @@
+declare module 'absolute-importer' {
+  const msg: string
+  export default msg
+}
diff --git a/playground/base-conflict/vite.config.ts b/playground/base-conflict/vite.config.ts
@@ -0,0 +1,32 @@
+import { defineConfig, normalizePath } from 'vite'
+
+const rootPath = normalizePath(import.meta.dirname)
+const absoluteRoot = rootPath.startsWith('/') ? rootPath : `/${rootPath}`
+const [firstSegment] = absoluteRoot.split('/').filter(Boolean)
+const base = firstSegment ? `/${firstSegment}/` : '/'
+
+const VIRTUAL_MODULE_ID = 'absolute-importer'
+const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID
+
+const absoluteDepPath = `${rootPath}/src/importee.ts`
+export default defineConfig({
+  base,
+  plugins: [
+    {
+      name: 'absolute-path-import',
+      resolveId(id) {
+        if (id === VIRTUAL_MODULE_ID) {
+          return RESOLVED_VIRTUAL_MODULE_ID
+        }
+      },
+      load(id) {
+        if (id === RESOLVED_VIRTUAL_MODULE_ID) {
+          return (
+            `import dep from ${JSON.stringify(absoluteDepPath)}\n` +
+            `export default dep`
+          )
+        }
+      },
+    },
+  ],
+})

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import message from 'absolute-importer'`
	`2`	`+`
	`3`	`+document.querySelector('.message')!.textContent = message`