部署Angular项目到GitHub Pages

东典
2023-12-01

使用angular官方提供的npm插件部署项目到GitHub Pages.
步骤:

  1. 执行下面命令,安装插件
ng add angular-cli-ghpages
  1. 执行下面命令,部署项目
    这条命令,会生成一个gh-pages分支,并且将Angular build生成的文件放到这个分支下面,并且将分支上传到GitHub仓库。
ng deploy --base-href=“https://pages.github.ibm.com/gqdeng/python-packages-zos/”
  1. 设置GitHub Pages
    打开项目的Settings,找到GitHub Pages,设置Source branch为gh-pages,目录为根目录。
  2. 参考资料:
    https://angular.cn/guide/deployment#deploy-to-github-pages
    https://github.com/angular-schule/angular-cli-ghpages
 类似资料: