fix: prebundle dep with colon

packages/playground/optimize-deps/__tests__/optimize-deps.spec.ts

@@ -87,3 +87,7 @@ test('import from hidden dir', async () => {
 test('import optimize-excluded package that imports optimized-included package', async () => {
   expect(await page.textContent('.nested-include')).toBe('nested-include')
 })
+
+test('import aliased package with colon', async () => {
+  expect(await page.textContent('.url')).toBe('vitejs.dev')
+})

packages/playground/optimize-deps/index.html

@@ -53,6 +53,9 @@ <h2>Dep from hidden dir</h2>
 <h2>Nested include</h2>
 <div>Module path: <span class="nested-include"></span></div>
 
+<h2>Alias with colon</h2>
+<div>URL: <span class="url"></span></div>
+
 <script type="module">
   // test dep detection in globbed files
   const globbed = import.meta.globEager('./glob/*.js')
@@ -85,6 +88,9 @@ <h2>Nested include</h2>
   import { nestedInclude } from 'nested-exclude'
   text('.nested-include', nestedInclude)
 
+  import { parse } from 'node:url'
+  text('.url', parse('https://vitejs.dev').hostname)
+
   function text(el, text) {
     document.querySelector(el).textContent = text
   }

packages/playground/optimize-deps/package.json

@@ -23,6 +23,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "resolve-linked": "workspace:0.0.0",
+    "url": "^0.11.0",
     "vue": "^3.2.25",
     "vuex": "^4.0.0"
   },

packages/playground/optimize-deps/vite.config.js

@@ -5,7 +5,10 @@ const vue = require('@vitejs/plugin-vue')
  */
 module.exports = {
   resolve: {
-    dedupe: ['react']
+    dedupe: ['react'],
+    alias: {
+      'node:url': 'url'
+    }
   },
 
   optimizeDeps: {

packages/vite/src/node/utils.ts

@@ -33,7 +33,7 @@ export function unwrapId(id: string): string {
 }
 
 export const flattenId = (id: string): string =>
-  id.replace(/(\s*>\s*)/g, '__').replace(/[\/\.]/g, '_')
+  id.replace(/(\s*>\s*)/g, '__').replace(/[\/\.:]/g, '_')
 
 export const normalizeId = (id: string): string =>
   id.replace(/(\s*>\s*)/g, ' > ')