Bereitstellen von Angular2 Webpack Starter in GitHub-Seiten?

Question

Ich habe eine Angular2 App mit Angular2 Webpack Starter-Seed als Basis erstellt. Jetzt muss ich es auf Github-Seiten bereitstellen.

Ich kann ng github-pages:deploy nicht verwenden, da ich kein CLI-Projekt verwende. und das Terminal gibt mir die Fehlermeldung, dass man in einem CLI-Projekt sein muss, um diesen Befehl zu verwenden.

Ich wurde im Anschluss an diese Webseite als Führer, aber es dosent Arbeit mit webpack

http://developer.telerik.com/featured/quick-angular-2-hosting-angular-cli-github-pages/

ich die Anwendung gebündelt und im dist-Ordner habe ich die benötigten Dateien

Wie stelle ich meine App auf github-Seiten bereit, die wie folgt funktionieren: username.gihub.io/myproject oder username.github.io]

Hinweis: - Ich kann ng github-pages:deploy nicht verwenden, da ich kein CLI-Projekt verwende. und das Terminal gibt mir die Fehlermeldung, dass man in einem CLI-Projekt sein muss, um diesen Befehl zu verwenden.

Bitte Hilfe

Answer 1

Die Anleitung, die Ihnen alle Anweisungen verknüpft hat, die Sie bereitstellen müssen.

Von dort hat die Angular CLI schon viel harte Arbeit für Sie getan. Zum Beispiel enthält Ihr Repo bereits eine .gitignore-Datei, die eine Liste von Dateien und Ordnern enthält, die nicht in das -Repository aufgenommen werden sollten, z. B. node_modules. In der Tat, die Angular CLI auch bereits ein Git Repo initialisiert, und sogar den ersten Satz von Dateien verpflichtet. Um Ihren Code auf GitHub zu erhalten, müssen Sie daher diesen neuen Repo mit dem Befehl git remote registrieren.

git remote add origin https://github.com/USERNAME/PROJECT_NAME.git

Und dann Ihren Code mit dem git Push-Befehl drücken.

git push origin master

An dieser Stelle wird der Code bis auf GitHub sein, aber gehosteten App noch nicht bis auf GitHub Seiten sein. Zum Glück hat die Angular CLI auch diesen Schritt für Sie automatisiert - führen Sie einfach github-pages: deploy.

ng github-pages:deploy

Mit diesem Befehl wird der Winkel CLI erstellt einen git Zweig namens „gh-Seiten“, baut eine Produktionsversion Ihrer Anwendung verpflichtet diesen Code auf die „gh-Seiten“, schiebt den Zweig zu GitHub, und dann bringt Sie zurück zum "Master" Zweig, so dass Sie mit Ihrer Entwicklung fortsetzen können. Es dauert ungefähr 30 Sekunden und ist so nahtlos wie es klingt.

Innerhalb weniger Minuten sollte Ihre App unter https://USERNAME.github.io/PROJECT_NAME für die Welt zu sehen sein.

Haben Sie Probleme mit einer bestimmten dieser Anweisungen?