angular-cli-ghpages发布Angular项目到github pages

发表于 | 更新于: | 分类于
字数统计: 179字 | 阅读时长 ≈ 1分钟

GitHub有一个很实用的功能就是GitHub Pages，他相当于为Github项目建立了一个可视化的web页面。angular-cli-ghpages的功能就与这个类似

1.首先新建一个Github空项目，比如ng-deerway

然后使用angular-cli工具生成一个新项目

安装angular-cli-ghpages包 

1
npm install angular-cli-ghpages -g

2.打包项目代码，并设置项目链接地址 

1
ng build --prod --base-href "https://xxxx.github.io/项目仓库名/"

3.初始化git

1
2
git init
git remote add origin [url]

4.发布（默认push到gh-pages分支上）

1
npx ngh --dir=dist/[PROJECT-NAME]

PROJECT-NAME项目的名称。如果使用的是Angular 5及更低版本，运行不带项目名称的命令

1
npx ngh --dir=dist
0%