MVC4でバンドルおよびミニネーションのサポートを実装していて、自動的にブートストラップレスレスファイルをコンパイルできるように設定しています。私はデバッグモードでMVC4 @ Styles.Render()が期待どおりに動作しないのはなぜですか?
public class TwitterBootstrapLessTransform : IBundleTransform
{
public static string BundlePath { get; private set; }
public void Process(BundleContext context, BundleResponse response)
{
setBasePath(context);
var config = new DotlessConfiguration(DotlessConfiguration.GetDefault());
config.LessSource = typeof(TwitterBootstrapLessMinifyBundleFileReader);
response.Content = Less.Parse(response.Content, config);
response.ContentType = "text/css";
}
private void setBasePath(BundleContext context)
{
BundlePath = context.HttpContext.Server.MapPath("~/Content/less" + "/imports" + "/");
}
}
public class TwitterBootstrapLessMinifyBundleFileReader : IFileReader
{
public IPathResolver PathResolver { get; set; }
private string basePath;
public TwitterBootstrapLessMinifyBundleFileReader(): this(new RelativePathResolver())
{
}
public TwitterBootstrapLessMinifyBundleFileReader(IPathResolver pathResolver)
{
PathResolver = pathResolver;
basePath = TwitterBootstrapLessTransform.BundlePath;
}
public bool DoesFileExist(string fileName)
{
fileName = PathResolver.GetFullPath(basePath + fileName);
return File.Exists(fileName);
}
public byte[] GetBinaryFileContents(string fileName)
{
throw new System.NotImplementedException();
}
public string GetFileContents(string fileName)
{
fileName = PathResolver.GetFullPath(basePath + fileName);
return File.ReadAllText(fileName);
}
}
(理由ドットなしにサブ.lessファイルをインポートする必要性から、私が希望よりも複雑である)私のBundleConfig.csに次のコードを持って次のようにTwitterBootsrapLessTransformがある
public class BundleConfig
{
public static void RegisterBundles(BundleCollection bundles)
{
// base bundles that come with MVC 4
var bootstrapBundle = new Bundle("~/bundles/bootstrap").Include("~/Content/less/bootstrap.less");
bootstrapBundle.Transforms.Add(new TwitterBootstrapLessTransform());
bootstrapBundle.Transforms.Add(new CssMinify());
bundles.Add(bootstrapBundle);
}
}
を提出します私はmvc tutorialによって提案されたが、ファイルCLIENされるように、この
@Styles.Render("~/bundles/bootstrap");
を行うことにより、CSSファイルをレンダリングしようとした私のベース_Layout.cshtmlページ
ブラウザが要求を終了すると、エラーの原因となるのは、
http://localhost:53729/Content/less/bootstrap.less
です。基本レイアウトページに次のリンクを挿入すると、期待どおりに動作します。
<link href="~/bundles/bootstrap" rel="stylesheet" type="text/css" />
なぜ@ Styles.Render()はデバッグモードで同じように動作しないのですか?リリースモードで動作します。どのようにバンドルしてデバッグするのが嫌なのか理解できますが、このバンドルを常に同じ方法で動作させるにはどうしたらいいですか?
私はこのコードスニペットは非常に有用であることが判明。あなたはTwitter BootstrapとDotlessが一緒に働く方法についてのブログ記事を作ることを検討すべきです。 – Junto
ありがとう、多分私は自分自身のために私はブログを開始するより多くの時間を得る。 – PlTaylor
@PITaylor css出力に次の種類のエラーが表示されています。最小化に失敗しました。未確認のコンテンツを返す(1381,2):実行時エラーCSS1019:予期しないトークン、 '{' ... – Junto