将Angular7 App布署至GitHub Pages - Part2

相较于Part1只布署dist资料夹，这次要说明如何布署整个Angular专案。

执行npm i angular-cli-ghpages安装angular-cli-ghpages套件，利用此套件布署专案。

建立新专案

建立新repository

执行git remote add origin https://github.com/[帐号]/[repository名称].git，将repository的url新增至git的remote，预设名称是origin。执行git push -u origin master，将master分支，推到origin(url)。

push之后，会发现一个警告。表示GitHub发现套件有潜在的漏洞，点入看详情。

信息显示，建议将tar这个部分，版本升级到至少4.4.2以上。

修改

push

就不会有警告讯息了

执行ng build --prod --base-href /[repository名称]/，build完之后，dist底下会有一个同专案名称的资料夹。

执行npx ngh --dir=dist/[专案名称]。此命令会在GitHub建立分支gh-pages，并push dist底下资料夹内的静态网页至GitHub。

确认分支gh-pages

进入Settings

在GitHub Pages区域看到超连结

点击会就出现布署的网页