新しいウェブサイトにAngular2 cli baseurlを設定するにはどうすればよいですか？

Question

私は既存のASP.NET MVC Webサイトを持っています。 www.foo.com 私はAngular2を使用してサイト全体の新しいサブシステムを作りたいと思っています。それをwww.foo.com/NewSubSystemの下に置いておきたいと思います。

https://cli.angular.io/からAngular2 Cliをダウンロードしました。 私は、コマンドライン

ng build -dev 

から実行すると、出力はすべてのJavaScriptスクリプトはindex.htmlファイルに

<script type="text/javascript" src="inline.bundle.js"></script> 

<script type="text/javascript" src="styles.bundle.js"></script> 

<script type="text/javascript" src="main.bundle.js"></script> 

これを見てタグしている私は、SCR = "www.foo.com/を必要としますNewSubSystem/inline.bundle.js」

注：私はtsconfig.jsonにベースURLを更新しようとした

"compilerOptions": { 
    "baseUrl": "www.foo.com/NewSubSystem" 
} 

しかしこれは何の違いもないようです。

どのような提案やポインタがいいでしょう。ありがとう

Answer 1

ベースhref = "NewSubSystem /" 次に、ルートのようにコードします。 私はJavaScriptをENVに応じて/ DISTするbaserefが

Answer 2

あなたはWebPACKので作業している場合は、あなたのindex.jsファイルが

<base href="/<you base url>/"> 

を更新変更

検知されたリセット：WebPACKの あなたはまた、/ configファイルを更新する必要があります.common.jsを使用して、新しいbaseurlからアセットフォルダのコンテンツをホストできるようにします。

... 
    const METADATA = { 
    title: 'ng2-admin - Angular 2 Admin Template', 
    description: 'Free Angular 2 and Bootstrap 4 Admin Template', 
    baseUrl: '/<you base url>/', 
    isDevServer: helpers.isWebpackDevServer() 
}; 
.....