Asp.net MVCバンドルはCSSでLESSを変換できますか？

Question

私は5

すべての私のCSSやJSファイルがバンドル（BundleConfigクラス+ @Styles、CSHTMLページで@Scripts）によって参照されているAsp.Net MVCとVisual Studioでプロジェクト2015を持っています。

ここでは、CSSファイルの代わりに.lessファイルを使用することを検討しています。

このファイルをバンドルでどのように参照しますか？そして、最も重要なことは、.cssを自動的に変換することなくバンドル（または何か他のもの）することができます。あるいは、手動で行う必要がありますか？

Answer 1

Mads KristensenのWeb Compilerビジュアルスタジオの拡張機能を使用することをおすすめします。これはあなたのローカル開発セットアップ（VS）とMSビルドで動作します！

基本的に、この拡張子を使用して.LESSファイルからCSSファイルを生成します。これらの生成されたCSSファイルは、バンドル時に使用できます。

拡張機能をインストールしたら、lessファイルを右クリックし、Web Compiler => Compile fileを選択します。

これはLESSファイルからCSSファイルを生成します。また、より多くの設定ファイルのようなcompilerconfig.jsonと呼ばれるファイルを追加します。このファイルを右クリックして、プレ/ポストビルドの再コンパイルを有効にするなど、もっと多くの設定を行うことができます。

だから、あなたがこれを行うevey LESSファイルのために、それはcompilerconfigファイルJSONファイルにエントリを追加します。

[ 
    { 
    "outputFile": "Content/MasterStyles.css", 
    "inputFile": "Content/MasterStyles.less" 
    }, 
    { 
    "outputFile": "Content/AdminStyles.css", 
    "inputFile": "Content/AdminStyles.less" 
    } 
] 

バンドル設定では、バンドル用に生成された2つのcssファイルを使用できます。

拡張子はファイルのサイズを小さくすることもサポートしています。設定jsonファイルを更新して有効/無効を切り替えることができます。