以Vue項(xiàng)目為例

本地預(yù)覽
yarn build 之后會(huì)有一個(gè)dist目錄
這時(shí)需要安裝serve（原來的yarn serve是監(jiān)聽src目錄的）去監(jiān)聽dist目錄 yarn global add serve，執(zhí)行 serve -s dist，端口就會(huì)發(fā)生變化，你會(huì)發(fā)現(xiàn)該端口內(nèi)的css、js等文件都是打包好的，這兩句命令就是檢查dist是否正確打包。

GitHub頁面

1、如果要推送到GitHub，要在GitHub新建一個(gè)倉(cāng)庫，用于預(yù)覽（原倉(cāng)庫放源代碼），并在vue.config.js中設(shè)置正確的publicPath。
如果要部署到https://<USERNAME>.github.io/，則可以省略，publicPath因?yàn)樗J(rèn)為"/"。
如果要部署到預(yù)覽倉(cāng)庫，請(qǐng)?jiān)O(shè)置publicPath為"/<REPO>/"。例如，如果你的倉(cāng)庫名稱是“ my-project”，則vue.config.js配置應(yīng)如下所示：

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/my-project/'
    : '/'
}

2、在項(xiàng)目中，deploy.sh使用以下內(nèi)容創(chuàng)建并運(yùn)行以進(jìn)行部署：

#!/usr/bin/env sh

# 當(dāng)發(fā)生錯(cuò)誤時(shí)終止腳本
set -e

# 構(gòu)建
yarn build

# cd 到構(gòu)建輸出的目錄下
cd dist

#部署到自定義域名
# echo 'www.example.com' > CNAME

git init
git add -A
git commit -m 'deploy'

# 部署到 https://<USERNAME>.github.io
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master

#部署到 https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

cd -

需要注意git@github.com:<USERNAME>/<REPO>.git，這部分內(nèi)容應(yīng)更換為新倉(cāng)庫地址

部署sh deploy.sh

Gitee頁面

只需要把deploy.sh中如下圖部分的地址換成碼云的就行了

image.png