これまでのところ、これに対する質問や修正が見つかりません。私が見逃しているのは単純なものだと確信しています。
縮小された CSS の束を含むスタイル バンドルがあり、内部のクラスで HTML 要素を装飾しています。すべてがうまくいっています。
ただし、Intellisense と ReSharper はどちらも、クラスが不明な CSS について私を悩ませています。これは、バンドルの中をのぞき見ることができないためだと思います。
質問:これを修正する方法はありますか?
<!-- Style Bundles in HEAD tag-->
@Styles.Render("~/bundle/style/css")
@RenderSection("styles", false);
<!-- HTML elements in BODY tag: "row" is an unknown css class -->
<div class="row">
<p>Lorem ipsum</p>
</div>
更新: Visual Studio 2012。LESS 変換と IntelliSense は、単一の直接参照ファイルに対して機能します。私の状況では、LESS バンドルを参照するとインテリセンスが壊れます。
更新 2:BundleConfig.cs
明確ではないため、これを示すコードを次に示します。
var customStyles = new Bundle("~/bundle/style/css")
.Include("~/Content/normalize.css","~/Content/*.less");
bootstrapStyles.Transforms.Add(new LessTransform());
bootstrapStyles.Transforms.Add(new CssMinify());
bundles.Add(customStyles);
LessTransform() クラスを指定し、組み込みの CSS トランスフォーマーをスキップする必要があるため、Bundle
notを使用していることに注意してください。StyleBundle
LessTransform オブジェクトは、すべての LESS コンテンツを単純に読み取り、それを StringBuilder に連結し、dotless のコンバーターを呼び出すカスタム オブジェクトです。縮小されて返される巨大な CSS 文字列が生成されます。問題は、なぜ VS または ReSharper が返された CSS を覗いて、クラス スタイルをチェックできないのかということです。