Vuepress 内部并与 Vue 项目集成

Question

我从 Vuepress ( https://vuepress.vuejs.org )开始，我按照文档将它与现有项目集成 ( https://vuepress.vuejs.org/guide/getting-started.html #inside-an-existing-project）。我使用了 sugested docs 目录。

但是现在我需要“真正”与我的项目集成，当我的用户访问 my-project.com/docs 时，我需要访问 Vuepress 文档

如果我制作 (yarn docs:build)，将生成 /dist 文件夹以在任何地方用作静态 HTML 文件。我想把 /dist/ 内容放在我项目的 /static/ 文件中。但是 vue-router 对 /docs 的响应是 404。

我仍然需要进行 2 个构建，我的项目和文档。

问题是：

1. 如何让 vue-router “看到” vuepress 构建文件？把它们放在哪里？
2. 我如何集成项目的运行构建以使它们两者兼而有之？

我有 2 个项目，一个使用类星体，另一个使用 vue-cli 3。

谢谢你们。

Answer 1

我怎样才能让 vue-router “看到” vuepress 构建文件？把它们放在哪里？

你不需要，它基本上是一个外部链接。一个简单的<a href="/docs">应该就足够了。

我如何集成项目的运行构建以使它们两者兼而有之？

你不需要，你可以添加一个新任务来完成这两个任务。

// package.json
{
  "scripts": {
    "build-project": "node build-project.js"
  }
}

从终端

# yarn run build-project