Развернуть Angular2 Webpack Starter на страницах GitHub?

Question

Я создал приложение Angular2, используя в качестве основы стартовый пакет Angular2. Теперь мне нужно развернуть его на страницах GitHub.

Я не могу использовать ng github-pages:deploy поскольку я не использую проект Cli. и терминал выдает мне ошибку, говоря, что вы должны быть в проекте cli, чтобы использовать эту команду.

Я следил за этой веб-страницей в качестве руководства, но она не работает с веб-пакетом

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

Я связал приложение и в папке dist у меня есть необходимые файлы

Как мне развернуть мое приложение на страницах github, используя username.gihub.io/myproject или username.github.io]

Примечание:- Я не могу использовать ng github-pages:deploy поскольку я не использую проект Cli. и терминал выдает мне ошибку, говоря, что вы должны быть в проекте cli, чтобы использовать эту команду.

Пожалуйста помоги

Answer 1

В руководстве, которое вы связали, есть все инструкции, которые вам нужно развернуть.

Оттуда Angular CLI уже проделал большую тяжелую работу для вас. Например, ваш репозиторий уже содержит файл.gitignore, который включает в себя список файлов и папок, которые не должны быть включены в репозиторий, например, node_modules. Фактически, Angular CLI также уже инициализировал git-репо и даже зафиксировал начальный набор файлов. Поэтому, чтобы получить свой код на GitHub, вам нужно зарегистрировать это новое репо с помощью команды git remote.

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

Затем добавьте ваш код с помощью команды git push.

git push origin master

На этом этапе ваш код будет на GitHub, но ваше размещенное приложение еще не будет на GitHub Pages. К счастью, в Angular CLI этот шаг также автоматизирован для вас - просто запустите ng github-pages:deploy.

ng github-pages:deploy

С помощью этой команды Angular CLI создает ветку git с именем "gh-pages", создает рабочую версию вашего приложения, фиксирует этот код в "gh-pages", передает ветку в GitHub, а затем возвращает вас в "master". ”, Чтобы вы могли продолжить свое развитие. Это занимает около 30 секунд, и все так же легко, как кажется.

В течение нескольких минут ваше приложение должно быть запущено по адресу https://username.github.io/PROJECT_NAME, чтобы его увидели все.

У вас есть проблемы с конкретной из этих инструкций?