Vuepress如何在Vue项目中嵌入和集成？

Question

我正在学习Vuepress（https://vuepress.vuejs.org），并按照文档将其与现有项目（https://vuepress.vuejs.org/guide/getting-started.html#inside-an-existing-project）集成。我使用了建议的docs目录。

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

如果我运行（yarn docs:build），则会生成/dist文件夹，可以在任何地方用作静态HTML文件。我想将/dist/内容放入我的项目的/static/文件中。但是，vue-router对/docs的响应是404。

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

问题如下：

1. 如何使vue-router“看到”vuepress构建文件？应该把它们放在哪里？
2. 如何整合项目的运行构建以使它们同时运行？

我有两个项目，一个使用Quasar，另一个使用vue-cli 3。

谢谢大家。

- Cavalcante

Answer 1

我认为问题的重点可能是解决Vue-Router，使得当我们将/docs作为外部链接时，vue-router不处理该链接。

- simon x

---

目前你的回答不够清晰，请编辑并添加更多细节，以帮助其他人理解它如何回答问题。你可以在帮助中心找到有关如何撰写好答案的更多信息。 - Community

Answer 2

如何让vue-router“看到”vuepress的构建文件？应该把它们放在哪里？

实际上不需要，这基本上是一个外部链接。一个简单的就足够了。

如何将项目的运行构建集成起来？

您可以添加一个新任务来同时完成它们，而不是将它们合并在一起。

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

从终端

# yarn run build-project  

- slf

---

我知道这将是一个外部链接。但是vue-router识别URI /docs，该路由不存在，因此它会发送404错误代码。 - Cavalcante