2017-06-27 18 views
0

私はangularjsを使ってテーマチェンジャーを開発しています。ユーザーがテーマを変更したときに、あるSassファイルを別のSassファイルに置き換える方法を見つけることができません。私は、お尻がCSSにコンパイルされると変数がなくなったことを知っています。それらのファイルを切り替えて、CSS全体を再コンパイルする方法はありますか?私はそれが何らかの形で、サーバーを呼び出すことによってcssを再コンパイルすることができるはずであることがわかっていますが、私はより多くの情報を見つけることができませんでした。ありがとうございました。angularjsを使ってSass変数を切り替える

+0

アクティブテーマのCSSのレンダリング? [こちら](https://github.com/hashcc/SCSS-server-side-compiler)は、サーバーサイドコンパイラです。私はそれが簡単にできると思います。 – Huelfe

+0

私はangularjsについて話していますが、とにかく感謝します – Deagle

答えて

0

私たちがこれらのことをやっている一つの方法は、テーマごとに複数のファイルを用意することです。例コンテンツ=

variables ... 
primary: '#smtng' 

.themeName{ 
    .header{ 
     background-color: primary 
    } 
} 

そして、あなたのapp.htmlで、あなたのapp.htmlであなたのhtmlタグにthemeNameを表すクラスを追加することができます。いくつかのストレージにテーマ名を保持し、そこからロードすることができます。

基本的にはすべてのテーマをロードしているが、唯一のあなたはどのような情報が必要なん

+0

ファイルが多すぎてscssファイルとそれらの複製がありません。私は本当にオプションだとは思わない – Deagle

+0

最初にテーマについて考えていたかどうか、あなたが開発のカップルの数ヶ月後に得たものでした。実際には、変数を定義するファイルの数は2つだけです。次に、いくつかのcssクラスまたはセレクター、例えばprimaryColor、backgroundPrimaryColorなどを作成します。テーマごとに30行のCSSを作成します。 – noitse

関連する問題