1. 在 GitHub 上創(chuàng)建與本地項目同名的遠程倉庫
2. 將本地項目 push 到遠程
$ git init
$ git add .
$ git cmt -m 'create project'
$ git remote add origin git@github.com:taosang1992/vue-router-test.git
$ git push -u origin master
3. 將 dist 下的所有文件夾 push 到 gh-pages
$ npm run build
$ git checkout -b gh-pages
$ git add -f dist
$ git commit -m 'create project'
$ git subtree push --prefix dist origin gh-pages
這些步驟做完之后在 gh-pages 分支展示項目了，比如
https://taosang1992.github.io/vue-router-test
需要注意的坑
- 在
npm run build之前要將 config/index.js 里邊 build 配置里邊的 assetsPublicPath: '/' 改成 assetsPublicPath: './' - 將 webpack.prod.conf.js 中的 removeAttributeQuotes 改為 false
