Почему MVC4 @Styles.Render() не работает должным образом в режиме отладки

Я реализую поддержку связывания и минимизации в MVC4 и настраиваю его, чтобы он мог автоматически скомпилировать мои файлы Bootstrap.less. У меня есть следующий код в файле BundleConfig.cs

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);
    }
}

Твиттер TwitterBootsrapLessTransform выглядит следующим образом (это сложнее, чем хотелось бы из-за необходимости импортировать файлы sub.less в dotLess)

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);
    }
}

На моей базовой странице _Layout.cshtml я попытался отобразить файлы css, выполнив это

@Styles.Render("~/bundles/bootstrap");

как предлагается mvc tutorial, но файл, который клиентский браузер заканчивает, запрашивает

http://localhost:53729/Content/less/bootstrap.less

который вызывает ошибку. Если я положу следующую ссылку на базовую страницу макета, она будет работать как ожидалось.

<link href="~/bundles/bootstrap" rel="stylesheet" type="text/css" />

Почему не работает стиль @Styles.Render() в режиме отладки? Он работает в режиме деблокирования. Я могу понять, как вы не хотите, чтобы это связывание и минимизация при отладке, но как я могу заставить этот пакет работать одинаково всегда?

Ответ 1

То, что я закончил, заключалось в том, чтобы положить отладчик if в мой _Layout.cshtml, чтобы пакет передавал независимо от того, что. Я не сумасшедший об этом в качестве решения, но он работает пока.

@if (Context.IsDebuggingEnabled)
{
    <link href="~/bundles/bootstrap" rel="stylesheet" type="text/css" />
}
else
{
    @Styles.Render("~/bundles/bootstrap")
}

Ответ 2

В основном, когда debug="true", методы Script/Style Render предполагают, что оптимизация выключена, что означает отсутствие связывания и отсутствие мини-кода, что означает, что он не будет вызывать в ваше преобразование; вместо этого он просто отобразит ссылки на исходное содержимое пакета (что в вашем случае не является boostrap.less).

Вы можете переопределить это поведение и всегда запускать оптимизацию, установив BundleTable.EnableOptimizations = true. Это заставит методы визуализации всегда связывать/минимизировать.

Ответ 3

Я оборачиваюсь этим, позволяя бесцеремонному обслуживать файл .less

в web.config:

   <handlers>
    <add name="dotless" path="*.less" verb="GET" type="dotless.Core.LessCssHttpHandler,dotless.Core" resourceType="File" preCondition="" />
    </handlers>