如何将 VuePress 中的 index.html 名称更改为 book.html

Question

我正在尝试大量的想法和文档、自定义插件、configureWebpack、ChainWebpack 配置。没有任何效果。

我需要从 webpack 级别进行，因为简单地重命名文件会导致它失去 JS 功能。该网站在构建和托管后无法运行（尽管浏览器正在下载所有文件并且 CSS 有效）。

所以我需要在 config.js 的 .vuepress 文件夹中应用某种魔术选项，以获得名为 book.html 而不是 [=24= 的 html 主文件]

（这是为了托管目的，django 和 gunicorn，长话短说）

如果有人能节省我几天的搜索和试用时间，我将不胜感激。谢谢你的时间。

Answer 1

由于您没有提供任何代码 sample/snippet 我假设您想要提供 /book.html 的内容而不是 /index.html.

根据这个假设，我提出了一个 解决方法 使用 vue-router 重定向所有请求 /index.html --> /book.html.

以下是使用 vuepress 的方法。一个 .vuepress/enhanceApp.js 文件并在其中定义您的重定向，如下所示：

export default ({  }) => {
  .addRoutes([
    { path: '/index.html', redirect: '/book.html' }
  ])
}

您将激活两条路径并可以使用其中任何一条。

How to change index.html name in VuePress to book.html