fix(core): transform file path to chunk name (close #1531)

Author: meteorlxy

packages/core/src/page/resolvePageChunkInfo.ts

@@ -1,4 +1,4 @@
-import { path, sanitizeFileName } from '@vuepress/utils'
+import { path, transformPathToFileName } from '@vuepress/utils'
 import type { App } from '../types/index.js'
 
 /**
@@ -17,7 +17,7 @@ export const resolvePageChunkInfo = ({
 } => {
   const chunkFilePathRelative = path.join('pages', `${htmlFilePathRelative}.js`)
   const chunkFilePath = app.dir.temp(chunkFilePathRelative)
-  const chunkName = sanitizeFileName(path.basename(htmlFilePathRelative))
+  const chunkName = transformPathToFileName(htmlFilePathRelative)
 
   return {
     chunkFilePath,

packages/utils/src/module/index.ts

@@ -2,3 +2,4 @@ export * from './getDirname.js'
 export * from './importFile.js'
 export * from './isChildPath.js'
 export * from './sanitizeFileName.js'
+export * from './transformPathToFileName.js'

packages/utils/src/module/transformPathToFileName.ts

@@ -0,0 +1,7 @@
+import { sanitizeFileName } from './sanitizeFileName.js'
+
+/**
+ * Transforms a path to a file name, replacing slashes with underscores
+ */
+export const transformPathToFileName = (rawPath: string): string =>
+  sanitizeFileName(rawPath.replace(/\//g, '_'))