Angular CLIが少ないファイルをコンパイルできないようにする

Question

私は、より少ない変数を使用して自分のサイトに動的テーマを適用しようとしています。ここでは単純化したシナリオです：

ファイル：site.less

@primary-color: 'red' 

ファイル：foobar.component.less

​​

これは、最初のページのロードのためにうまく機能し、背景色が赤。しかし今では、複数のカラーオプションを備えたドロップダウンカラーセレクタが必要です。ユーザーが赤色の代わりに緑色を選択すると、less関数less.modifyVars({'@primary-color', 'green'})を使用したいので、変更はありません。これは、angle cliがlessをcssにあらかじめコンパイルしているため、ブラウザは、最初に少ないファイルしか見ることができないからです。

Angularが少ないファイルをCSSにコンパイルしないと、modifyVarsが呼び出されたときにブラウザがその変更を受け取ります。

AngularはCSSにコンパイルしないように教えてください。

Answer 1

角度cliのng ejectコマンドを使用できます。ビルドコマンドのビルド方法を完全に制御するためのwebpack構成ファイルが取り出されます。

サイドノート：私はng ejectを元に戻すことは不可能だとは思わないが、それはいつも簡単なプロセスではないことを読んだ。特に、複数のバージョンがangle cliチームと合流して、ビルドコマンドに機能を追加/変更している場合。

Answer 2

少ないファイルで変数名を変更しないのはなぜですか？