1. 在 GitHub 上创建与本地项目同名的远程仓库
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