以Vue項目為例

本地預覽yarn build 之后會有一個dist目錄
這時需要安裝serve（原來的yarn serve是監聽src目錄的）去監聽dist目錄 yarn global add serve，執行 serve -s dist，端口就會發生變化，你會發現該端口內的css、js等文件都是打包好的，這兩句命令就是檢查dist是否正確打包。

GitHub頁面

1、如果要推送到GitHub，要在GitHub新建一個倉庫，用于預覽（原倉庫放源代碼），并在vue.config.js中設置正確的publicPath。
如果要部署到https://.http://github.io/，則可以省略，publicPath因為它默認為"/"。
如果要部署到預覽倉庫，請設置publicPath為"//"。例如，如果你的倉庫名稱是“ my-project”，則vue.config.js配置應如下所示：

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

2、在項目中，deploy.sh使用以下內容創建并運行以進行部署：

#!/usr/bin/env sh# 當發生錯誤時終止腳本 set -e# 構建 yarn build# cd 到構建輸出的目錄下 cd dist#部署到自定義域名 # echo 'www.example.com' > CNAMEgit 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-pagescd -

需要注意git@github.com:/.git，這部分內容應更換為新倉庫地址

部署sh deploy.sh

Gitee頁面

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

總結

以上是生活随笔為你收集整理的项目打包publicpath_将项目部署至github和码云的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。