Allow glob imports in optimizeDeps.include

packages/playground/optimize-deps-glob/glob_example/baz.js

@@ -0,0 +1 @@
+export const barMsg = '[success] glob import baz succesful'

packages/playground/optimize-deps-glob/index.js

@@ -0,0 +1 @@
+export const str = 'Not exporting glob_example'

packages/playground/optimize-deps-glob/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "optimize-deps-glob",
+  "version": "0.0.0",
+  "main": "index.js"
+}

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

@@ -37,3 +37,7 @@ test('dep with css import', async () => {
 test('dep w/ non-js files handled via plugin', async () => {
   expect(await page.textContent('.plugin')).toMatch(`[success]`)
 })
+
+test('dep w/ deep import using glob pattern', async () => {
+  expect(await page.textContent('.glob')).toMatch(`[success]`)
+})

packages/playground/optimize-deps/glob.js

@@ -0,0 +1,3 @@
+import { barMsg } from 'optimize-deps-glob/glob_example/baz'
+
+document.querySelector('.glob').textContent = barMsg

packages/playground/optimize-deps/index.html

@@ -38,3 +38,7 @@ <h2>Dep w/ special file format supported via plugins</h2>
   document.querySelector('.force-include').textContent = msg
   document.querySelector('.plugin').textContent = VueSFC.render()
 </script>
+
+<h2>Include using glob pattern</h2>
+<div class="glob"></div>
+<script type="module" src="./glob.js"></script>

packages/playground/optimize-deps/package.json

@@ -13,6 +13,7 @@
     "react-dom": "^17.0.1",
     "resolve-linked": "0.0.0",
     "optimize-deps-linked": "0.0.0",
-    "optimize-deps-linked-include": "0.0.0"
+    "optimize-deps-linked-include": "0.0.0",
+    "optimize-deps-glob": "0.0.0"
   }
 }

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

@@ -7,7 +7,10 @@ module.exports = {
   dedupe: ['react'],
 
   optimizeDeps: {
-    include: ['optimize-deps-linked-include'],
+    include: [
+      'optimize-deps-linked-include',
+      'optimize-deps-glob/glob_example/*'
+    ],
     plugins: [vue()]
   },
 

packages/vite/src/node/optimizer/index.ts

@@ -28,6 +28,8 @@ import { buildDefinePlugin } from '../plugins/define'
 import { createFilter } from '@rollup/pluginutils'
 import { Plugin } from '../plugin'
 import { prompt } from 'enquirer'
+import glob from 'fast-glob'
+import { resolvePackageData } from '../plugins/resolve'
 
 const debug = createDebugger('vite:optimize')
 
@@ -159,9 +161,47 @@ export async function optimizeDeps(
 
   // Force included deps - these can also be deep paths
   if (options.include) {
-    for (let id of options.include) {
+    const includedDeps = options.include.filter((id) => !id.includes('*'))
+    log(JSON.stringify(includedDeps))
+    // Resolve glob includes
+    for (const globId of options.include.filter((id) => id.includes('*'))) {
+      if (!/^[^\*]*\/\*.*$/.test(globId)) {
+        logger.error(
+          chalk.red(
+            `\nGlob patterns in ${chalk.white(
+              'optimizeDeps.include'
+            )} are only allowed after packages names, i.e. ${chalk.white(
+              '<package-name>/<pattern>'
+            )}.\nInvalid pattern found: "${chalk.yellow(globId)}".`
+          )
+        )
+        return
+      }
+
+      const [packageName, ...rest] = globId.split('/')
+      const aliased =
+        (await aliasResolver.resolveId(packageName))?.id || packageName
+      const packageData = resolvePackageData(aliased, root)
+
+      if (!packageData) {
+        logger.error(
+          chalk.red(
+            `\nNo corresponding package ${chalk.white(
+              packageName
+            )} found for glob pattern "${chalk.yellow(globId)}".`
+          )
+        )
+      } else {
+        glob.sync(rest.join('/'), { cwd: packageData.dir }).forEach((file) => {
+          includedDeps.push(packageName + '/' + file)
+        })
+      }
+    }
+
+    for (let id of includedDeps) {
       const aliased = (await aliasResolver.resolveId(id))?.id || id
       const filePath = tryNodeResolve(aliased, root, config.isProduction)
+
       if (filePath) {
         qualified[id] = filePath.id
       }