fix: workaround for vite hash issue (close #1008)

Author: meteorlxy

ecosystem/plugin-active-header-links/src/node/activeHeaderLinksPlugin.ts

@@ -50,6 +50,14 @@ export const activeHeaderLinksPlugin = ({
 
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-active-header-links/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
+
   define: {
     __AHL_HEADER_LINK_SELECTOR__: headerLinkSelector,
     __AHL_HEADER_ANCHOR_SELECTOR__: headerAnchorSelector,

ecosystem/plugin-back-to-top/src/node/backToTopPlugin.ts

@@ -7,4 +7,12 @@ export const backToTopPlugin = (): Plugin => ({
   name: '@vuepress/plugin-back-to-top',
 
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
+
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-back-to-top/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
 })

ecosystem/plugin-docsearch/src/node/docsearchPlugin.ts

@@ -11,6 +11,14 @@ export const docsearchPlugin = (options: DocsearchPluginOptions): Plugin => ({
 
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-docsearch/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
+
   define: {
     __DOCSEARCH_OPTIONS__: options,
   },

ecosystem/plugin-external-link-icon/src/node/externalLinkIconPlugin.ts

@@ -20,12 +20,20 @@ export const externalLinkIconPlugin = ({
 }: ExternalLinkIconPluginOptions = {}): Plugin => ({
   name: '@vuepress/plugin-external-link-icon',
 
+  clientConfigFile: path.resolve(__dirname, '../client/config.js'),
+
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-external-link-icon/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
+
   define: {
     __EXTERNAL_LINK_ICON_LOCALES__: locales,
   },
 
-  clientConfigFile: path.resolve(__dirname, '../client/config.js'),
-
   extendsMarkdown: (md) => {
     let shouldRenderExternalIcon = false
 

ecosystem/plugin-google-analytics/src/node/googleAnalyticsPlugin.ts

@@ -34,6 +34,14 @@ export const googleAnalyticsPlugin =
 
       clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+      alias: {
+        // workaround for https://github.com/vitejs/vite/issues/7621
+        '@vuepress/plugin-google-analytics/client': path.resolve(
+          __dirname,
+          '../client/index.js'
+        ),
+      },
+
       define: {
         __GA_ID__: id,
       },

ecosystem/plugin-medium-zoom/src/node/mediumZoomPlugin.ts

@@ -39,6 +39,14 @@ export const mediumZoomPlugin = ({
 
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-medium-zoom/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
+
   define: {
     __MZ_SELECTOR__: selector,
     __MZ_ZOOM_OPTIONS__: zoomOptions,

ecosystem/plugin-nprogress/src/node/nprogressPlugin.ts

@@ -5,5 +5,14 @@ const __dirname = getDirname(import.meta.url)
 
 export const nprogressPlugin = (): Plugin => ({
   name: '@vuepress/plugin-nprogress',
+
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
+
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-nprogress/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
 })

ecosystem/plugin-pwa-popup/src/node/pwaPopupPlugin.ts

@@ -33,6 +33,14 @@ export const pwaPopupPlugin =
 
       clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+      alias: {
+        // workaround for https://github.com/vitejs/vite/issues/7621
+        '@vuepress/plugin-pwa-popup/client': path.resolve(
+          __dirname,
+          '../client/index.js'
+        ),
+      },
+
       define: {
         __PWA_POPUP_LOCALES__: locales,
       },

ecosystem/plugin-pwa/src/node/pwaPlugin.ts

@@ -39,6 +39,14 @@ export const pwaPlugin =
 
       clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+      alias: {
+        // workaround for https://github.com/vitejs/vite/issues/7621
+        '@vuepress/plugin-pwa/client': path.resolve(
+          __dirname,
+          '../client/index.js'
+        ),
+      },
+
       define: {
         __PWA_SW_FILENAME__: serviceWorkerFilename,
       },

ecosystem/plugin-search/src/node/searchPlugin.ts

@@ -58,6 +58,14 @@ export const searchPlugin = ({
 
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-search/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
+
   define: {
     __SEARCH_LOCALES__: locales,
     __SEARCH_HOT_KEYS__: hotKeys,

ecosystem/plugin-theme-data/src/node/themeDataPlugin.ts

@@ -20,6 +20,14 @@ export const themeDataPlugin = ({
 }: ThemeDataPluginOptions): Plugin => ({
   name: '@vuepress/plugin-theme-data',
 
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-theme-data/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
+
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
   onPrepared: (app) => prepareThemeData(app, themeData),

ecosystem/plugin-toc/src/node/tocPlugin.ts

@@ -29,6 +29,14 @@ export const tocPlugin = ({
 
   clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 
+  alias: {
+    // workaround for https://github.com/vitejs/vite/issues/7621
+    '@vuepress/plugin-toc/client': path.resolve(
+      __dirname,
+      '../client/index.js'
+    ),
+  },
+
   define: {
     __TOC_COMPONENT_NAME__: componentName,
     __TOC_DEFAULT_PROPS_OPTIONS__: defaultPropsOptions,

ecosystem/theme-default/src/node/defaultTheme.ts

@@ -43,16 +43,24 @@ export const defaultTheme = ({
 
     templateBuild: path.resolve(__dirname, '../../templates/build.html'),
 
-    // use alias to make all components replaceable
-    alias: Object.fromEntries(
-      fs
-        .readdirSync(path.resolve(__dirname, '../client/components'))
-        .filter((file) => file.endsWith('.vue'))
-        .map((file) => [
-          `@theme/${file}`,
-          path.resolve(__dirname, '../client/components', file),
-        ])
-    ),
+    alias: {
+      // use alias to make all components replaceable
+      ...Object.fromEntries(
+        fs
+          .readdirSync(path.resolve(__dirname, '../client/components'))
+          .filter((file) => file.endsWith('.vue'))
+          .map((file) => [
+            `@theme/${file}`,
+            path.resolve(__dirname, '../client/components', file),
+          ])
+      ),
+
+      // workaround for https://github.com/vitejs/vite/issues/7621
+      '@vuepress/theme-default/client': path.resolve(
+        __dirname,
+        '../client/index.js'
+      ),
+    },
 
     clientConfigFile: path.resolve(__dirname, '../client/config.js'),
 

packages/bundler-vite/src/plugins/vuepressPlugin.ts

@@ -2,7 +2,6 @@ import type { App } from '@vuepress/core'
 import type { Plugin } from 'vite'
 import { constantsReplacementPlugin } from './constantsReplacementPlugin.js'
 import { mainPlugin } from './mainPlugin.js'
-// import { workaroundPlugin } from './workaroundPlugin.js'
 
 export const vuepressPlugin = ({
   app,
@@ -19,5 +18,4 @@ export const vuepressPlugin = ({
     isBuild,
     isServer,
   }),
-  // workaroundPlugin(),
 ]