1. 程式人生 > >關於webpack打包vue專案在GitHubPage上不顯示的解決方法

關於webpack打包vue專案在GitHubPage上不顯示的解決方法

正文開始

1正常的vue專案打包後放在GitHubPage上是不顯示的 2這時需要在package.json同級目錄下建立可選檔案vue.config.js 3在vue.config.js中寫入如下程式碼

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

其中 '/my-project/'更改為github中庫(Repository)的名字 4,然後在終端執行npm run build進行打包 5.最後將dist資料夾中的檔案匯入到GitHubPage庫中(名字要和第三步設定的名字相同)