NuGetを通じてVisual Studio 2015コミュニティのASP.NET MVCプロジェクトにbootstrap.lessを追加しました。どうすればそれらをコンパイルできますか？

Question

Visual Studio 2015 Community Editionで作成した空のASP.NET MVCプロジェクトがあります。私はWebCompilerをインストールし、NuGetを通してブートストラップを追加しました。

フォルダーにファイル構造を作成しました。コンテンツフォルダー内のブートストラップと呼ばれました。 mixinsフォルダには.lessファイルがたくさんあります。 mixinsフォルダ内の.lessファイルを問題なくコンパイルできます。しかし、mixstinsフォルダの外にあるファイルをコンパイルしようとすると、コンパイルエラーが発生します。

重大度コード説明プロジェクトファイルの行の抑制状態 エラーNameError：\ Content \ Invisibilityは未定義です。 bootstrap \ responsive-utilities.less C：\ Users \ cnance.AVIBE \ documents \ visual studio 2015 \ Projects \ BootsrapLessExample \ BootsrapLessExample \ Content \ bootstrap \ responsive-utilities.less 32

どのようなエラーが発生するのですか私はコンパイルしようとしますが、どちらを選んでも何らかのエラーが発生します。

私はかなり新しいです。またはnpm、私はそれらを私のマシンにインストールしています。私はそれらの1つで何かをする必要がありますか？私はhttps://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompilerを見ましたが、そこから見ると、Visual StudioとWeb Compilerですべてを処理できるはずですが、何か不足しているはずです。

Answer 1

エラーログの表示のように、宣言されていない変数が含まれているため、bootstrapフォルダ内の.lessファイルを個別にコンパイルすることはできません。 "..responsive-invisibility is undefined in ..."

bootstrapフォルダに.lessファイルを別々にコンパイルする場合は、定義された変数を含むファイルを、mixinsフォルダのresponsive-visibility.lessファイルにインポートする必要があります。

@import "mixins/responsive-visibility"; 

を参照してください：すべてをコンパイルしようとは対照的に、How to use variables in different less files?