ビルド時にscss方向変数を設定する

Question

多言語システムを構築するために角度を使用しています。インターナリゼーションのために角度i18nを使用しました。各言語を異なるパッケージとして構築する必要があります。いくつかの言語はRTLなので、私は指向性scssを使用しています（異なるスタイルシートをインポートするか、要素にclass=rtlを適用するのではなく）。

問題は、各ビルドの前にコードを変更したくないということです。 scss変数ファイルの単純な行を1つだけ変更する必要があります。RTL言語の $dir = ltr〜$dir = rtl

この値をビルドスクリプトなどから抽出することはできますか？はるかにスムーズなビルドプロセスを作成します。

Answer 1

唯一の方法は、この変数を定義する新しいインポートファイルを組み込むようにビルドプロセスを変更することです.Sassコードから直接環境変数にアクセスすることはできません。

あなたが例えばWebPACKのを使用している場合：

https://github.com/webpack-contrib/sass-loader#environment-variables

もちろん、あなたが（角度CLIでない）直接のconfigsを使用している場合はその設定を変更するだけでできるようになります - またはng ejectを行った場合