perf: improve webpack perf

plugins/blog/plugin-comment/src/client/components/ArtalkComment.ts

@@ -53,6 +53,8 @@ export default defineComponent({
     const enableArtalk = computed(() => isString(artalkOptions.value.server))
 
     const initArtalk = async (): Promise<void> => {
+      if (__VUEPRESS_SSR__) return
+
       const [{ default: Artalk }] = await Promise.all([
         import(/* webpackChunkName: "artalk" */ 'artalk/dist/Artalk.mjs'),
         wait(artalkOptions.value.delay ?? 800),

plugins/blog/plugin-comment/src/client/components/GiscusComment.ts

@@ -146,6 +146,8 @@ export default defineComponent({
     )
 
     onMounted(async () => {
+      if (__VUEPRESS_SSR__) return
+
       await import(/* webpackChunkName: "giscus" */ 'giscus')
       loaded.value = true
     })

plugins/blog/plugin-comment/src/client/components/TwikooComment.ts

@@ -29,6 +29,8 @@ export default defineComponent({
     const enableTwikoo = computed(() => Boolean(twikooOptions.value.envId))
 
     const initTwikoo = async (): Promise<void> => {
+      if (__VUEPRESS_SSR__) return
+
       const [{ init }] = await Promise.all([
         import(/* webpackChunkName: "twikoo" */ 'twikoo'),
         wait(twikooOptions.value.delay ?? 800),

plugins/features/plugin-photo-swipe/src/client/composables/usePhotoSwipe.ts

@@ -119,14 +119,17 @@ export const usePhotoSwipe = ({
     )
   }
 
+  useEventListener('click', initPhotoSwipe, { passive: true })
+  useEventListener('wheel', () => {
+    if (options.value.scrollToClose) photoSwipe?.close()
+  })
+
   onMounted(() => {
+    if (__VUEPRESS_SSR__) return
+
     const rIC =
       'requestIdleCallback' in window ? window.requestIdleCallback : setTimeout
 
-    useEventListener('click', initPhotoSwipe, { passive: true })
-    useEventListener('wheel', () => {
-      if (options.value.scrollToClose) photoSwipe?.close()
-    })
     rIC(() => {
       photoSwipeLoader = import(
         /* webpackChunkName: "photo-swipe" */ 'photoswipe'

plugins/markdown/plugin-markdown-math/src/client/composables/useKatexCopy.ts

@@ -2,6 +2,8 @@ import { onMounted } from 'vue'
 
 export const useKatexCopy = (): void => {
   onMounted(async () => {
+    if (__VUEPRESS_SSR__) return
+
     await import(
       /* webpackChunkName: "katex" */ 'katex/dist/contrib/copy-tex.min.js'
     )

plugins/markdown/plugin-markdown-math/tsconfig.build.json

@@ -2,7 +2,8 @@
   "extends": "../../../tsconfig.build.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "outDir": "./lib"
+    "outDir": "./lib",
+    "types": ["vuepress/client-types", "vite/client", "webpack-env"]
   },
   "include": ["./src"],
   "references": [{ "path": "../../../tools/helper/tsconfig.build.json" }]

plugins/markdown/plugin-revealjs/src/node/prepare/prepareRevealJsEntry.ts

@@ -10,25 +10,29 @@ export const prepareRevealJsEntry = async (
   await app.writeTemp(
     'revealjs/index.js',
     `\
-export const useRevealJs = () => Promise.all([
-  import(/* webpackChunkName: "reveal" */ "${getModulePath(
-    'reveal.js/dist/reveal.esm.js',
-    import.meta,
-  )}").then(({ default: RevealJs }) => RevealJs),
-  import(/* webpackChunkName: "reveal" */ "${getModulePath(
-    'reveal.js/plugin/markdown/markdown.esm.js',
-    import.meta,
-  )}").then(({ default: plugin }) => plugin),
-${revealPlugins
-  .map(
-    (plugin) =>
-      `  import(/* webpackChunkName: "reveal" */ "${getModulePath(
-        `reveal.js/plugin/${plugin}/${plugin}.esm.js`,
-        import.meta,
-      )}").then(({ default: plugin }) => plugin)`,
-  )
-  .join(',\n')}
-]);
+export const useRevealJs = () => Promise.all(
+  __VUEPRESS_SSR__
+    ? []
+    : [
+        import(/* webpackChunkName: "reveal" */ "${getModulePath(
+          'reveal.js/dist/reveal.esm.js',
+          import.meta,
+        )}").then(({ default: RevealJs }) => RevealJs),
+        import(/* webpackChunkName: "reveal" */ "${getModulePath(
+          'reveal.js/plugin/markdown/markdown.esm.js',
+          import.meta,
+        )}").then(({ default: plugin }) => plugin),
+      ${revealPlugins
+        .map(
+          (plugin) =>
+            `  import(/* webpackChunkName: "reveal" */ "${getModulePath(
+              `reveal.js/plugin/${plugin}/${plugin}.esm.js`,
+              import.meta,
+            )}").then(({ default: plugin }) => plugin)`,
+        )
+        .join(',\n')}
+      ]
+  );
 `,
   )
 }

plugins/search/plugin-docsearch/src/client/components/DocSearch.ts

@@ -53,6 +53,8 @@ export const DocSearch = defineComponent({
      * Import docsearch js and initialize
      */
     const initialize = async (): Promise<void> => {
+      if (__VUEPRESS_SSR__) return
+
       const { default: docsearch } = await import('@docsearch/js')
 
       const { searchParameters } = options.value