perf: specify optimizeDeps for vite dev

Author: meteorlxy

packages/@vuepress/plugin-active-header-links/src/node/activeHeaderLinksPlugin.ts

@@ -8,20 +8,36 @@ export interface ActiveHeaderLinksPluginOptions {
   offset?: number
 }
 
-export const activeHeaderLinksPlugin: Plugin<ActiveHeaderLinksPluginOptions> = ({
-  headerLinkSelector = '.sidebar-link',
-  headerAnchorSelector = '.header-anchor',
-  delay = 200,
-  offset = 5,
-}) => ({
-  name: '@vuepress/plugin-active-header-links',
+export const activeHeaderLinksPlugin: Plugin<ActiveHeaderLinksPluginOptions> = (
+  {
+    headerLinkSelector = '.sidebar-link',
+    headerAnchorSelector = '.header-anchor',
+    delay = 200,
+    offset = 5,
+  },
+  app
+) => {
+  if (app.env.isDev && app.options.bundler.endsWith('vite')) {
+    app.options.bundlerConfig.viteOptions = require('vite').mergeConfig(
+      app.options.bundlerConfig.viteOptions,
+      {
+        optimizeDeps: {
+          exclude: ['ts-debounce'],
+        },
+      }
+    )
+  }
 
-  clientAppSetupFiles: path.resolve(__dirname, '../client/clientAppSetup.js'),
+  return {
+    name: '@vuepress/plugin-active-header-links',
 
-  define: {
-    __AHL_HEADER_LINK_SELECTOR__: headerLinkSelector,
-    __AHL_HEADER_ANCHOR_SELECTOR__: headerAnchorSelector,
-    __AHL_DELAY__: delay,
-    __AHL_OFFSET__: offset,
-  },
-})
+    clientAppSetupFiles: path.resolve(__dirname, '../client/clientAppSetup.js'),
+
+    define: {
+      __AHL_HEADER_LINK_SELECTOR__: headerLinkSelector,
+      __AHL_HEADER_ANCHOR_SELECTOR__: headerAnchorSelector,
+      __AHL_DELAY__: delay,
+      __AHL_OFFSET__: offset,
+    },
+  }
+}

packages/@vuepress/plugin-back-to-top/src/node/backToTopPlugin.ts

@@ -3,11 +3,24 @@ import { path } from '@vuepress/utils'
 
 export type BackToTopPluginOptions = Record<never, never>
 
-export const backToTopPlugin: Plugin<BackToTopPluginOptions> = {
-  name: '@vuepress/plugin-back-to-top',
+export const backToTopPlugin: Plugin<BackToTopPluginOptions> = (_, app) => {
+  if (app.env.isDev && app.options.bundler.endsWith('vite')) {
+    app.options.bundlerConfig.viteOptions = require('vite').mergeConfig(
+      app.options.bundlerConfig.viteOptions,
+      {
+        optimizeDeps: {
+          exclude: ['ts-debounce'],
+        },
+      }
+    )
+  }
 
-  clientAppRootComponentFiles: path.resolve(
-    __dirname,
-    '../client/BackToTop.vue'
-  ),
+  return {
+    name: '@vuepress/plugin-back-to-top',
+
+    clientAppRootComponentFiles: path.resolve(
+      __dirname,
+      '../client/BackToTop.vue'
+    ),
+  }
 }

packages/@vuepress/plugin-medium-zoom/src/node/mediumZoomPlugin.ts

@@ -8,23 +8,35 @@ export interface MediumZoomPluginOptions {
   delay?: number
 }
 
-export const mediumZoomPlugin: Plugin<MediumZoomPluginOptions> = ({
-  selector = ':not(a) > img',
-  zoomOptions = {},
-  delay = 500,
-}) => ({
-  name: '@vuepress/plugin-medium-zoom',
+export const mediumZoomPlugin: Plugin<MediumZoomPluginOptions> = (
+  { selector = ':not(a) > img', zoomOptions = {}, delay = 500 },
+  app
+) => {
+  if (app.env.isDev && app.options.bundler.endsWith('vite')) {
+    app.options.bundlerConfig.viteOptions = require('vite').mergeConfig(
+      app.options.bundlerConfig.viteOptions,
+      {
+        optimizeDeps: {
+          exclude: ['medium-zoom'],
+        },
+      }
+    )
+  }
 
-  clientAppEnhanceFiles: path.resolve(
-    __dirname,
-    '../client/clientAppEnhance.js'
-  ),
+  return {
+    name: '@vuepress/plugin-medium-zoom',
 
-  define: {
-    __MZ_SELECTOR__: selector,
-    __MZ_ZOOM_OPTIONS__: zoomOptions,
-    __MZ_DELAY__: delay,
-  },
-})
+    clientAppEnhanceFiles: path.resolve(
+      __dirname,
+      '../client/clientAppEnhance.js'
+    ),
+
+    define: {
+      __MZ_SELECTOR__: selector,
+      __MZ_ZOOM_OPTIONS__: zoomOptions,
+      __MZ_DELAY__: delay,
+    },
+  }
+}
 
 export default mediumZoomPlugin

packages/@vuepress/plugin-nprogress/src/node/nprogressPlugin.ts

@@ -3,21 +3,21 @@ import { path } from '@vuepress/utils'
 
 export type NprogressPluginOptions = Record<never, never>
 
-export const nprogressPlugin: Plugin<NprogressPluginOptions> = {
-  name: '@vuepress/plugin-nprogress',
+export const nprogressPlugin: Plugin<NprogressPluginOptions> = (_, app) => {
+  if (app.env.isDev && app.options.bundler.endsWith('vite')) {
+    app.options.bundlerConfig.viteOptions = require('vite').mergeConfig(
+      app.options.bundlerConfig.viteOptions,
+      {
+        optimizeDeps: {
+          include: ['nprogress'],
+        },
+      }
+    )
+  }
 
-  clientAppSetupFiles: path.resolve(__dirname, '../client/clientAppSetup.js'),
+  return {
+    name: '@vuepress/plugin-nprogress',
 
-  onInitialized(app) {
-    if (app.options.bundler.endsWith('vite')) {
-      app.options.bundlerConfig.viteOptions = require('vite').mergeConfig(
-        app.options.bundlerConfig.viteOptions,
-        {
-          optimizeDeps: {
-            include: ['nprogress'],
-          },
-        }
-      )
-    }
-  },
+    clientAppSetupFiles: path.resolve(__dirname, '../client/clientAppSetup.js'),
+  }
 }