寫在前面

目前這份文檔離線訪問都是英文的。不知道為什么中文的跳不過去……如果有大佬知道歡迎留言下，謝謝

背景說明

計(jì)劃準(zhǔn)備一份離線antd文檔，網(wǎng)上查詢，都說下載gh-pages分支并Live-Server啟動(dòng)，但是?。?！那個(gè)分支已經(jīng)兩年沒有更新了?。。。?！[Element 和 Element Plus可以這么搞]

方法如下

git clone https://github.com/vueComponent/ant-design-vue.git
cd 文件夾
執(zhí)行 npm i [node版本需>=14.18.0]
執(zhí)行npm run dev

這樣就可以本地啟動(dòng)了
但是！離線環(huán)境node是14.16.0 所以上個(gè)方法不行，期望找到build后的文件通過live-server啟動(dòng)。

Build

經(jīng)過查找嘗試，在package.json中找到了site，執(zhí)行npm run site，在site目錄下會(huì)生成dist目錄

執(zhí)行vscode中的live-server

image.png

執(zhí)行后發(fā)現(xiàn)報(bào)錯(cuò) 找不到html中的css和js

image.png

修改package.json中的默認(rèn)路徑
修改前：

"site": "npm run routes && ./node_modules/vite/bin/vite.js build site --base=https://www.antdv.com/"

修改后: [路徑還是異常就修改base后面的路徑]

"site": "npm run routes && ./node_modules/vite/bin/vite.js build site --base='./' ",

再重新npm run site即可離線訪問