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

【问题标题】：How to change index.html name in VuePress to book.html如何将 VuePress 中的 index.html 名称更改为 book.html
【发布时间】：2020-12-08 00:46:17
【问题描述】：

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

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

所以我需要在 config.js 的 .vuepress 文件夹中应用某种魔法选项，以获取名为 book.html 而不是 index.html 的 html 主文件

（用于托管目的，django 和 gunicorn，长篇大论）

如果有人能帮我节省几天的搜索和尝试时间，我将不胜感激。感谢您的宝贵时间。

【问题讨论】：

你能更好地解释一下这个 sn-p：“因为简单的重命名文件会导致它失去 JS 功能”

标签： vue.js webpack vuepress

【解决方案1】：

由于您没有提供任何代码示例/sn-p，我假设您希望提供 /book.html 的内容而不是 /index.html。

有了这个假设，我提出了一个workaround，使用vue-router 来重定向所有对/index.html 的请求 --> /book.html。

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

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

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

【讨论】：