feat: introduce viteOptimizeDeps

Author: antfu

README.md

@@ -305,6 +305,10 @@ AutoImport({
     /* ... */
   ],
 
+  // Include auto-imported packages in Vite's `optimizeDeps` options
+  // Recommend to enable
+  viteOptimizeDeps: false,
+
   // Inject the imports at the end of other imports
   injectAtEnd: true,
 

src/core/ctx.ts

@@ -254,6 +254,7 @@ ${dts}`.trim()}\n`
     transform,
     generateDTS,
     generateESLint,
+    unimport,
   }
 }
 

src/core/unplugin.ts

@@ -22,6 +22,24 @@ export default createUnplugin<Options>((options) => {
       await ctx.writeConfigFiles()
     },
     vite: {
+      async config(config) {
+        if (!options.viteOptimizeDeps)
+          return
+
+        const exclude = config.optimizeDeps?.exclude || []
+
+        const imports = new Set((await ctx.unimport.getImports()).map(i => i.from)
+          .filter(i => i.match(/^[a-z@]/) && !exclude.includes(i)))
+
+        if (!imports.size)
+          return
+
+        return {
+          optimizeDeps: {
+            include: [...imports],
+          },
+        }
+      },
       async handleHotUpdate({ file }) {
         if (ctx.dirs?.some(glob => minimatch(slash(file), slash(glob))))
           await ctx.scanDirs()

src/types.ts

@@ -168,6 +168,13 @@ export interface Options {
    * Generate corresponding .eslintrc-auto-import.json file.
    */
   eslintrc?: ESLintrc
+
+  /**
+   * Include auto-imported packages in Vite's `optimizeDeps` option
+   *
+   * @default false
+   */
+  viteOptimizeDeps?: boolean
 }
 
 export { PresetName }

tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es2017",
+    "target": "es2018",
     "jsx": "preserve",
     "lib": ["esnext"],
     "module": "esnext",