Angular-CLIをカスタマイズしてビルド時の相対パスを変更する

Question

Angular CLIを使用してAngular 4プロジェクトを構築しています。私は、アプリケーションがスタンドアロンアプリケーションとしても実行されるポータルページに埋め込まれたアプリケーション

よう

スタンドアロンアプリケーションとしてアプリケーション

1. を実行する必要があります。

   その静的コンテンツCDNから提供されたポータルに埋め込まれたとき、彼らは、CDNの下に別のルートディレクトリの下にネストされているように、相対URLを使用してロードされたリソースがロードされません。

   私のスタンドアロンアプリでは、scsファイルで背景としてurl（ '/ assets/images/bg.jpg'）を参照する背景イメージがあります。ただし、ポータルに埋め込むと、相対URLは/cdn/app /assets/images/bg.jpgになります。

   SCSSとHTMLで使用される相対URLをng buildの一部として変更する方法はありますか？ CDNパスを保持する変数を定義できますか？Angular-CLIは、ビルド時に変数を実際の値に置き換えますか？

   背景：URL（ '$ cdnAppRoot /資産/画像/ bg.jpg'）;本番用にビルドするときは、変更に deploy-urlのparamを追加することができ、URL（ '/ CDN /アプリ/資産/画像/ bg.jpg'）

Answer 1

：

背景に置き換え

そこから資産を読み込むべきです。

ng build -d /cdn/app 

私はこれを簡単

{ 
    "scripts: { 
    // Other npm scripts 
    "prod": "ng build -d /cdn/app" 
    } 
}