编译构建Vuetify项目,实现离线文档阅读
admin
撰写于 2024年 05月 07 日

克隆项目

这里必须克隆项目,不能只是下载最新的代码,构建里面会用到git命令

git clone  https://github.com/vuetifyjs/vuetify.git

参考贡献文档描述

Contributing — Vuetify (vuetifyjs.com)

Navigate to the vuetify folder

# 进入项目
cd vuetify

# 安装依赖
yarn
# 安装依赖
yarn build vuetify
yarn build api

# 启动http服务查看阅读文档
yarn dev docs

构建前端html项目

上面命令执行成功之后在项目的根目录下

复制整个文件夹 node_modules\vuetify 到 \vuetify\packages

这么做的目的是,前者是我们安装的依赖,是从npm镜像仓库拉取下来的,后者是执行构建产生的包,但是这个包还只是nodejs前端项目包,我们需要替换下。然后在在docs项目目录上执行 构建

cd  vuetify\packages\docs

yarn build

执行成功之后,包在 dist目录下,放在caddy或者nginx 等其他web服务器里可以正常访问使用。

编译构建Vuetify项目,实现离线文档阅读

克隆项目

这里必须克隆项目,不能只是下载最新的代码,构建里面会用到git命令

git clone  https://github.com/vuetifyjs/vuetify.git

参考贡献文档描述

Contributing — Vuetify (vuetifyjs.com)

Navigate to the vuetify folder

# 进入项目
cd vuetify

# 安装依赖
yarn
# 安装依赖
yarn build vuetify
yarn build api

# 启动http服务查看阅读文档
yarn dev docs

构建前端html项目

上面命令执行成功之后在项目的根目录下

复制整个文件夹 node_modules\vuetify 到 \vuetify\packages

这么做的目的是,前者是我们安装的依赖,是从npm镜像仓库拉取下来的,后者是执行构建产生的包,但是这个包还只是nodejs前端项目包,我们需要替换下。然后在在docs项目目录上执行 构建

cd  vuetify\packages\docs

yarn build

执行成功之后,包在 dist目录下,放在caddy或者nginx 等其他web服务器里可以正常访问使用。

赞 (0)

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论