Проблема пути в Angular2 app на страницах github

Я новичок в Angular2 и намерен настроить небольшое приложение Angular2 (HelloWorld в настоящее время) на страницах github для запуска.

Я создал ng2-liteviaangular-cli, размещенный на сайте . Развертывание обеспечивается angular-cli. Он развернут в gh-pagesветви для отображения.

Недавно я обнаружил другой способ, отличный angular-cliот этого . Я создал ng2-rawс нуля с похожим кодом, но без какой-либо операции развертывания, размещенной на сайте

Однако я столкнулся с некоторыми проблемами при создании ng2-raw. После отладки не удалось найти cssили htmlпо относительному пути (которые находятся под тем же путем, tsчто и), поэтому я изменил путь, чтобы заставить его работать.

Пожалуйста, проверьте другой код в моих двух РЕПО:

github.com/MoYummy/ng2-lite/blob/master/src/app/hello.component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'hello',
    templateUrl: './hello.component.html',
    styleUrls: ['./hello.component.css']
})
export class HelloComponent {
    name: string = 'World';
}

github.com/MoYummy/ng2-raw/blob/gh-pages/helloworld/app/hello.component.ts

import {Component} from 'angular2/core';

@Component({
    selector: 'hello',
    templateUrl: './app/hello.component.html',
    styleUrls: ['./app/hello.component.css']
})
export class HelloComponent {
    name: string = 'ng2';
}

Почему я должен обновлять эти пути? Что делать, если структура кода станет сложной в будущем или если я попытаюсь переместить один компонент в подпапку?

В чем разница между двумя способами развертывания приложения Angular2?