Как отключить минификацию Javascript / CSS в ASP.NET MVC 4 Beta

Я просто пытаюсь ASP.NET MVC 4, но я не могу понять, как отключить функцию минимизации Javascript/CSS. Особенно для среды разработки это значительно поможет при отладке. Я бы предположил, что это будет переключатель в интернете.config но так как ASP.NET MVC 4 все еще находится в стадии бета-тестирования на данный момент там действительно не так много информации. Был бы признателен, если кто-то может помочь или указать на нужные посты в блоге и т. д.

16
asp.net-mvc-4 asp.net-optimization css javascript minify

10 ответов

В Глобальном.асакс.cs

#if DEBUG
        foreach (var bundle in BundleTable.Bundles)
        {
            bundle.Transform = new NoTransform();
        }
#endif
18

другой вариант - создать HTML-помощник, который можно использовать для создания скрипта и тегов ссылок. Вот что я реализовал для Javascript, что также можно сделать для CSS:

public static class BundleHelper
    {
        public static MvcHtmlString JsBundle(this HtmlHelper helper, string bundlePath)
        {
            var jsTag = new TagBuilder("script");
            jsTag.MergeAttribute("type", "text/javascript");

            return ReferenceBundle(helper, bundlePath, jsTag);
        }

        public static MvcHtmlString ReferenceBundle(this HtmlHelper helper, string bundlePath, TagBuilder baseTag)
        {
            var httpContext = helper.ViewContext.HttpContext;
            var urlHelper = new UrlHelper(helper.ViewContext.RequestContext);

            Bundle bundle = BundleTable.Bundles.GetBundleFor(bundlePath);
            var htmlString = new StringBuilder();

            if (bundle != null)
            {
                var bundleContext = new BundleContext(helper.ViewContext.HttpContext, BundleTable.Bundles, urlHelper.Content(bundlePath));

                if (!httpContext.IsDebuggingEnabled)
                {
                    baseTag.MergeAttribute("href", System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl(bundlePath));
                    return new MvcHtmlString(baseTag.ToString());
                }

                foreach (var file in bundle.EnumerateFiles(bundleContext))
                {
                    var basePath = httpContext.Server.MapPath("~/");
                    if (file.FullName.StartsWith(basePath))
                    {
                        var relPath = urlHelper.Content("~/" + file.FullName.Substring(basePath.Length));
                        baseTag.MergeAttribute("href", relPath, true);
                        htmlString.AppendLine(baseTag.ToString());
                    }
                }

            }

            return new MvcHtmlString(htmlString.ToString());
        }
    }

теперь все, что вам нужно сделать, это позвонить Ваше мнение:

<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - My ASP.NET MVC Application</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="~/Content/css" rel="stylesheet" type="text/css" />
    <link href="~/Content/themes/base/css" rel="stylesheet" type="text/css" />
    @Html.JsBundle("~/scripts/js")
    <meta name="viewport" content="width=device-width" />
</head>

и он будет отображать скрипты как отдельные ссылки или использовать новую функцию связывания/минимизации в зависимости от того, какой параметр отладки находится в вашем интернете.конфиг. Я использовал часть кода из http://codecutout.com/resource-minify-bundling в качестве ссылки при создании моего помощника, если вы хотите увидеть еще несколько примеров. Их помощник написан немного лучше, бросая исключения, когда предоставляются недопустимые Аргументы и т. д.... Я просто еще не успела привести себя в порядок.

4

вы можете зарегистрировать свои собственные пакеты в глобальные.асакс и с помощью NoTransform класс, если вы не хотите, чтобы содержимое было уменьшено.

я лично не хочу, чтобы мой сценарий был преобразован вообще. Я просто создаю два каталога сценариев. Один с версиями сценария отладки и один с первоначально загруженными мини-версиями.

MVC 4 из Box minifier (JsMinify) разбивает jQuery 1.7.1 для Opera, поэтому я не хочу использовать этот. Я просто поместите следующие строки в мой глобальные.асакс: Application_Start() способ:

Bundle debugScripts = new Bundle("~/DebugScripts", 
    new NoTransform("text/javascript"));
debugScripts.AddDirectory("~/Scripts/Debug", "*.js");
BundleTable.Bundles.Add(debugScripts);

Bundle productionScripts = new Bundle("~/ProductionScripts", 
    new NoTransform("text/javascript"));
productionScripts.AddDirectory("~/Scripts/Minified", "*.js");
BundleTable.Bundles.Add(productionScripts);

С этим на месте я могу просто добавить одну из двух строк в мой _layouts.cshtml:

<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/DebugScripts")" type="text/javascript"></script>
<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/ProductionScripts")" type="text/javascript"></script>

конечно, мы могли бы получить немного больше фанки с этим на месте. Мы могли бы создать только один пакет и в зависимости от типа постройки выбрать, какие файлы включать.

4

после вызова EnableDefaultBundles() в глобальном.асакс, ты можешь это сделать ...

        if ( ... running in development environment ...)
        {
            var registeredBundles = BundleTable.Bundles.GetRegisteredBundles();
            foreach (var bundle in registeredBundles)
            {
                if (bundle.Transform is System.Web.Optimization.JsMinify)
                    bundle.Transform = new NoTransform();
            }
        }

не очень (изменение состояния, заданного системой), но это намного меньше кода, чем все другие предложения, по-прежнему позволяет использовать стандартное поведение связывания, и это не влечет за собой никаких изменений в ваших представлениях.

3

на более новых версиях ASP.NET MVC просто добавьте

#if DEBUG
            foreach (var bundle in BundleTable.Bundles)
            {
                bundle.Transforms.Clear();
            }
#endif

сразу после

BundleConfig.RegisterBundles(...);
3

вы можете отключить его в конфиге:

<system.web>
    <compilation debug="true" />
    <!-- Lines removed for clarity. -->
</system.web>

http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

2

Я думаю, было бы правильно, если бы такая функция была доступна "из коробки".

Я опубликовал отзыв о UserVoice.com: http://aspnet.uservoice.com/forums/41201-asp-net-mvc/suggestions/2702000-improve-system-web-optimization-bundle

дайте ему ваши "голоса".

1

вместо замены экземпляров JsMinify и CssMinify можно использовать интерфейсы. этот параметр не был доступен в предыдущих выпусках, поскольку второй параметр конструктора был типом, а не интерфейсом.

IBundleTransform jsTransform;
IBundleTransform cssTransform;

#if DEBUG
    jsTransform = new NoTransform("text/javascript");
    cssTransform = new NoTransform("text/css");
#else
    jsTransform = new JsMinify();
    cssTransform = new CssMinify();
#endif

Bundle jsBundle = new Bundle("~/JsB", jsTransform);
Bundle cssBundle = new Bundle("~/CssB", cssTransform);

возможно, также стоит отметить, что для скриптов, которые поставляются с уменьшенными и не уменьшенными версиями, например jQuery, можно использовать вспомогательный метод для необязательного удаления ".min " для сборки отладки для облегчения отладка:

private string Min(string scriptNameIncludingMin)
{
#if DEBUG
    return scriptNameIncludingMin.Replace(".min", ""); // Remove .min from debug builds
#else
    return scriptNameIncludingMin;
#endif
}

// ...
jsBundle.AddFile(Min("~/Scripts/jquery-1.7.2.min.js"));
1

попробуйте новое расширение для системы.Сеть.Оптимизация - Bundle Transformer. В Bundle Transformer реализован ряд возможностей для упрощения отладки (см. документация).

0

другая альтернатива (протестирована с v1.1.0.0 и MVC5):

public class BundleConfig
{
    public static void Register()
    {
        ScriptBundle jsBundle = new ScriptBundle("~/Scripts/myscript.min.js");
        jsBundle.Include("~/Scripts/myscript.js");
        DisableInDebugMode(jsBundle);

        BundleTable.Bundles.Add(jsBundle);
    }

    private static void DisableInDebugMode(ScriptBundle jsBundle)
    {
    #if DEBUG
        // Don't minify in debug mode
        jsBundle.Transforms.Clear();
    #endif
    }
}
0