2016-12-28 5 views
0

私はAngular2を初めて使用しており、スタートアップのgithubページに小さなAngular2アプリ(現在helloworld)を設定しようとしています。githubページのAngular2アプリにおけるパスの問題

siteでホストされたangular-cling2-liteを作成しました。配備はangular-cliによって提供されます。表示用にgh-pagesブランチにデプロイされました。

最近、私はangular-cli以外の方法を発見しました。私はng2-rawを同様のコードで作成しましたが、デプロイ操作は一切ありません。site

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の:

私の2つのレポに異なるコードをチェックアウトしてください.COM/MoYummy/NG2-生/ブロブ/ GH-ページ/ helloworldの/アプリ/ 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'; 
} 

私はこれらのパスを更新しなければならないのはなぜ?将来、コード構造が複雑になったり、1つのコンポーネントをサブフォルダに移動しようとするとどうなりますか?

Angular2アプリを展開する2つの方法の違いは何ですか?

答えて

0

このrepoの著者に相談した後、彼はを使用してjsファイルをロードするという彼のレポを教えてくれました。

彼のサイトは簡単なデモ用ですので、このようにng2アプリのライト版を配備することはお勧めしません。代わりにangular-cliが良いです。

さらなる調査を中止したいと考えています。ng-rawです。

関連する問題