feat: support import "glob:./*"

packages/playground/import-glob/__tests__/import-context.spec.ts

@@ -0,0 +1,49 @@
+import { isBuild } from '../../testUtils'
+
+const filteredResult = {
+  './foo.js': {
+    msg: 'foo'
+  }
+}
+
+// json exports key order is altered during build, but it doesn't matter in
+// terms of behavior since module exports are not ordered anyway
+const json = isBuild
+  ? {
+      msg: 'baz',
+      default: {
+        msg: 'baz'
+      }
+    }
+  : {
+      default: {
+        msg: 'baz'
+      },
+      msg: 'baz'
+    }
+
+const allResult = {
+  // JSON file should be properly transformed
+  './dir/baz.json': json,
+  './dir/foo.js': {
+    msg: 'foo'
+  },
+  './dir/index.js': {
+    default: filteredResult
+  },
+  './dir/nested/bar.js': {
+    msg: 'bar'
+  }
+}
+
+test('all', async () => {
+  expect(await page.textContent('.all')).toBe(
+    JSON.stringify(allResult, null, 2)
+  )
+})
+
+test('filtered', async () => {
+  expect(await page.textContent('.filtered')).toBe(
+    JSON.stringify(filteredResult, null, 2)
+  )
+})

packages/playground/import-glob/dir/baz.json

@@ -0,0 +1,3 @@
+{
+  "msg": "baz"
+}

packages/playground/import-glob/dir/foo.js

@@ -0,0 +1 @@
+export const msg = 'foo'

packages/playground/import-glob/dir/index.js

@@ -0,0 +1,9 @@
+import modules from 'glob:./*.js'
+
+document.querySelector('.filtered').textContent = JSON.stringify(
+  modules,
+  null,
+  2
+)
+
+export default modules

packages/playground/import-glob/dir/nested/bar.js

@@ -0,0 +1 @@
+export const msg = 'bar'

packages/playground/import-glob/index.html

@@ -0,0 +1,12 @@
+<h2>All (./dir/**)</h2>
+<pre class="all"></pre>
+
+<h2>Filtered (./*.js from dir/index.js)</h2>
+<pre class="filtered"></pre>
+
+<script type="module" src="./dir/index.js"></script>
+<script type="module">
+  import modules from 'glob:./dir/**'
+
+  document.querySelector('.all').textContent = JSON.stringify(modules, null, 2)
+</script>

packages/playground/import-glob/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "test-import-context",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "debug": "node --inspect-brk ../../vite/bin/vite"
+  }
+}

packages/playground/tsconfig.json

@@ -7,6 +7,6 @@
     "esModuleInterop": true,
     "baseUrl": ".",
     "jsx": "preserve",
-    "types": ["vite/client"]
+    "types": ["vite/client", "jest"]
   }
 }

packages/vite/client.d.ts

@@ -187,3 +187,9 @@ declare module '*?worker&inline' {
   }
   export default workerConstructor
 }
+
+// glob import
+declare module 'glob:*' {
+  const modules: Record<string, Record<string, any>>
+  export default modules
+}

packages/vite/package.json

@@ -88,6 +88,7 @@
     "es-module-lexer": "^0.3.26",
     "etag": "^1.8.1",
     "execa": "^5.0.0",
+    "fast-glob": "^3.2.4",
     "http-proxy": "^1.18.1",
     "isbuiltin": "^1.0.0",
     "launch-editor-middleware": "^2.2.1",

packages/vite/src/node/build.ts

@@ -26,6 +26,8 @@ import isBuiltin from 'isbuiltin'
 import { Logger } from './logger'
 import { TransformOptions } from 'esbuild'
 import { CleanCSS } from 'types/clean-css'
+import { dataURIPlugin } from './plugins/dataUri'
+import { importGlobPlugin } from './plugins/importGlob'
 
 export interface BuildOptions {
   /**
@@ -198,11 +200,13 @@ export function resolveBuildPlugins(
   const options = config.build
   return {
     pre: [
+      buildHtmlPlugin(config),
       commonjsPlugin({
         include: [/node_modules/],
         extensions: ['.js', '.cjs']
       }),
-      buildHtmlPlugin(config),
+      dataURIPlugin(),
+      importGlobPlugin(config),
       buildDefinePlugin(config),
       dynamicImportVars({
         warnOnError: true,

packages/vite/src/node/plugins/dataUri.ts

@@ -8,6 +8,9 @@ const dataUriRE = /^([^/]+\/[^;,]+)(;base64)?,([\s\S]*)$/
 
 const dataUriPrefix = `/@data-uri/`
 
+/**
+ * Build only, since importing from a data URI works natively.
+ */
 export function dataURIPlugin(): Plugin {
   const resolved: {
     [key: string]: string