2017-01-19 2 views
5

Angular CLIを使用してスクリプトを条件付きで読み込むことはできますか?Angular2ロードスクリプトはAngular CLIを条件として使用しますか?

このファイルでは、環境や変数に応じて1つのスクリプトをロードします。ですから、制作段階では、開発中にスクリプトを読み込む必要があります。 これを行う方法はありますか?どうやって?

角度-cli.json

... 
"styles": [ 
    "../node_modules/bootstrap/dist/css/bootstrap.css", 
    "../node_modules/font-awesome/css/font-awesome.min.css", 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/ion-rangeslider/js/ion.rangeSlider.js", 
    "../node_modules/web-animations-js/web-animations.min.js", 
    <---- LOAD HERE ONE SCRIPT DEPENDING ON ENVIRONMENT OR VARIABLE 
    ], 
    "environments": { 
    "source": "environments/environment.ts", 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
    } 
... 

答えて

4

@yuzuriは非常にeleegnatソリューションを提案しますが - それは良いアイデアではありませんノードモジュールを編集する必要があります..ここ

は簡単です。回避策:

あなたはそれを持っているpackage.jsonファイルの下に、あなたの「スクリプト」セクションを編集することができます。

"start": "cp angular-cli-dev.json angular-cli.json && ng serve" 

"build": "cp angular-cli-prod.json angular-cli.json && ng build" 

次に、angular-cli.jsonファイルの名前をangular-cli-dev.jsonとangular-cli-prod.jsonに変更してください。 それぞれの設定が異なる必要があります。私の場合は「scripts」セクションに別のスクリプトが必要です。

我々は公式のソリューションまで、これはシンプルで実践されているので、私はノードモジュールを編集したくない公式のソリューション

+0

を待っている間に役立ちます願っています。お二人に感謝します! – Ismaestro

+0

@Leo、上記以外の変更が必要ですか?私は上記の推奨を試みたが、私のために働いていないようだ。 – Jay

+0

NPMの世界で初めての方は、次のコマンドを使用して上記のスクリプトを実行できます。a)npm run-script serve b)npm run-script build – Jay

関連する問題