Vuepress内部并与Vue项目集成

时间:2018-09-05 15:04:52

标签: vue.js vue-router vuepress

我从Vuepress(https://vuepress.vuejs.org)开始,然后跟随文档将其与现有项目(https://vuepress.vuejs.org/guide/getting-started.html#inside-an-existing-project)集成。我使用了摘要文件目录。

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

如果我制作了(yarn docs:build),将生成/ dist文件夹以用作静态HTML文件。我将/ dist /内容放入我项目的/ static /文件中。但是对/ docs的vue-router响应是404。

我仍然需要进行2个构建,分别是我的项目和文档。

问题是:

  1. 如何使Vue-Router“查看” Vuepress构建文件?放在哪里?
  2. 我如何集成项目的运行版本以使它们同时实现?

我有2个项目,一个是类星体项目,另一个是我正在使用vue-cli 3。

谢谢大家。

1 个答案:

答案 0 :(得分:0)

  

如何使Vue-Router“查看” Vuepress构建文件?放在哪里?

您不知道,它基本上是一个外部链接。一个简单的<a href="/docs">就足够了。

  

我如何集成项目的运行版本以使它们同时实现?

您没有,您添加了一个同时完成这两个任务的新任务。

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

从终端

# yarn run build-project