时间戳

首页 > 解决方案 > Vuepress 内部并与 Vue 项目集成

vue.js - Vuepress 内部并与 Vue 项目集成

问题描述

我从 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 个项目，一个使用 quasar，另一个我使用 vue-cli 3。

谢谢你们。

标签： vue.jsvue-routervuepress

解决方案

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

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

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

你没有，你添加了一个新的任务来完成它们。 

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

从终端

# yarn run build-project

推荐阅读