Vuepress внутри и интегрирован с проектом Vue

Question

Я начинаю с Vuepress ( https://vuepress.vuejs.org/) и следую документации, чтобы интегрировать его с существующим проектом ( https://vuepress.vuejs.org/guide/getting-started.html). Я использовал каталог документов sugested.

Но теперь мне нужно "действительно" интегрироваться с моим проектом, и мне нужно, когда мои пользователи получают доступ к my-project.com/docs, чтобы получить доступ к документам Vuepress.

Если я сделаю (yarn docs:build), будет сгенерирована папка / dist для использования в любом месте в качестве статических HTML-файлов. Я включил / dist / content в / static / файлы моего проекта. Но ответ vue-router на / docs - 404.

И мне все еще нужно будет сделать 2 билда, мой проект и документы.

Вопросы:

1. Как я могу заставить vue-router "видеть" файлы сборки vuepress? Где их поставить?
2. Как я могу интегрировать прогон сборки проекта, чтобы сделать их обоих?

У меня есть 2 проекта, один с квазаром, а другой я использую vue-cli 3.

Спасибо вам всем.

Answer 1

Я думаю, что, возможно, основная проблема заключается в том, чтобы решить Vue-Router, чтобы vue-router не обрабатывал ссылку, когда мы делаем внешнюю ссылку на /docsподобно.

Answer 2

Как я могу заставить vue-router "видеть" файлы сборки vuepress? Где их поставить?

Вы не делаете, это в основном внешняя ссылка. Просто <a href="/docs"> должно быть достаточно.

Как я могу интегрировать прогон сборки проекта, чтобы сделать их обоих?

Вы не добавляете новое задание, которое выполняет их оба.

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

из терминала

# yarn run build-project