Bundler nie wliczając.pliki min

Microsoft zakłada następujące zachowanie (a ja wolę je stosować w moich projektach):

Wersja skrócona

1. masz zarówno wersje debugowania, jak i minified skryptu w projekcie w tym samym folderze:
   • scenariusz.js
   • scenariusz./ min.js
2. dodajesz tylko skrypt.js do paczki w Twoim kodzie.

W rezultacie automatycznie otrzymasz skrypt .JS zawarte w DEBUG mode i script./ min.JS w trybie RELEASE.

Long version

Możesz mieć również .debugowanie.wersja js. W takim przypadku plik jest zawarty w następującym priorytecie w debugowaniu:

1. scenariusz.debugowanie.js
2. scenariusz.js

W wydaniu:

1. scenariusz./ min.js
2. scenariusz.js

Uwaga

I przy okazji, jedynym powodem, aby mieć .min wersje Twoich skryptów w MVC4 ma miejsce, gdy zminifikowana wersja nie może być przetwarzana automatycznie. Na przykład poniższy kod nie może być automatycznie zaciemniony:

if (DEBUG) console.log("Debug message");

We wszystkich innych przypadkach możesz wybrać tylko wersję debugowania skryptu.

Jeśli masz tylko minifikowaną wersję pliku, najprostszym rozwiązaniem, jakie znalazłem, jest skopiowanie minifikowanego pliku, usunięcie .min z nazwy skopiowanego pliku, a następnie odwołaj się do nie-zminifikowanej nazwy pliku w pakiecie.

Na przykład, załóżmy, że kupiłeś komponent js i dali Ci plik o nazwie some-lib-3.2.1./ min.js. Aby użyć tego pliku w pakiecie, wykonaj następujące czynności:

1. Copy some-lib-3.2.1./ min.js I zmienić nazwę skopiowanego pliku na some-lib-3.2.1.js. Obejmuje zarówno pliki w Twoim projekcie.

2. Odwołaj się do nie-minifikowanego pliku w Twoim pakiecie, tak:

   bundles.Add(new ScriptBundle("~/bundles/libraries").Include(
       "~/Scripts/some-lib-{version}.js"
   ));
   

Tylko dlatego, że plik bez 'min' w nazwie jest faktycznie minified nie powinien powodować żadnych problemów (poza faktem, że jest zasadniczo nieczytelny). Jest używany tylko w trybie debugowania i jest zapisywany jako oddzielny skrypt. Gdy nie jest w trybie debugowania, wstępnie skompilowany plik min powinien być dołączony do pakietu.

Znalazłem dobre rozwiązanie, które działa przynajmniej w MVC5, można po prostu użyć Bundle zamiast ScriptBundle. Nie ma inteligentnego zachowania ScriptBundle, którego nie lubimy (ignorując .min itp.) w tym przypadku. W moim rozwiązaniu używam Bundle do skryptów stron 3D z ./ min .pliki map i używam ScriptBundle do naszego kodu. Nie zauważyłem żadnych wad robienia tego. Aby to działało w ten sposób należy dodać oryginalny plik np. angular.js, i będzie ładować kątowe.js w debugowaniu i będzie wiązać kanciaste./ min.js w trybie release.

Aby renderować pliki *.min.js, musisz wyłączyć BundleTable.EnableOptimizations, co jest ustawieniem globalnym, które ma zastosowanie do wszystkich pakietów.

Jeśli chcesz włączyć optymalizacje tylko dla określonych pakietów, możesz utworzyć własny typ ScriptBundle, który tymczasowo włącza optymalizacje podczas wyliczania plików w pakiecie.

public class OptimizedScriptBundle : ScriptBundle
{
    public OptimizedScriptBundle(string virtualPath)
        : base(virtualPath)
    {
    }

    public OptimizedScriptBundle(string virtualPath, string cdnPath)
        : base(virtualPath, cdnPath)
    {
    }

    public override IEnumerable<BundleFile> EnumerateFiles(BundleContext context)
    {
        if (context.EnableOptimizations)
            return base.EnumerateFiles(context);
        try
        {
            context.EnableOptimizations = true;
            return base.EnumerateFiles(context);
        }
        finally
        {
            context.EnableOptimizations = false;
        }
    }
}

Użyj OptimizedScriptBundle zamiast ScriptBundle dla pakietów, których minifikowany plik powinien być zawsze używany, niezależnie od tego, czy istnieje nie minifikowany plik.

Przykład dla Kendo UI dla ASP.NET MVC, który jest dystrybuowany jako zbiór tylko minifikowanych plików.

bundles.Add(new OptimizedScriptBundle("~/bundles/kendo")
        .Include(
            "~/Scripts/kendo/kendo.all.*",
            "~/Scripts/kendo/kendo.aspnetmvc.*",
            "~/Scripts/kendo/cultures/kendo.*",
            "~/Scripts/kendo/messages/kendo.*"));

W moim przypadku używałem (wonderful!) Knockout.biblioteka js dostarczana jako wersje Debug / Non:

"~/Scripts/knockout-{Version}.js"
"~/Scripts/knockout-{Version}.Debug.js"

Aby to zadziałało, dodałem " Knockout - {Version}.js " (non-debug) w moim pakiecie i dostałem .debugowanie. plik js w trybie debugowania.

Prosty sposób wystarczy zmienić nazwę .plik min na przykład masz abc./ min.css niż tylko zmienić nazwę tego pliku na abc_min.css i dodaj to do swojego pakietu. Wiem, że to nie jest właściwy sposób, ale tylko tymczasowe rozwiązanie. dzięki i miłego kodowania.

Bundler ma wiele zalet Sprawdź tę stronę ale : {]}

Platforma Microsoft MVC4 uważa, że masz przynajmniej minifikowaną wersję i niezminifikowaną wersję dla każdego skryptu lub pakietu stylu (dostępne są również inne pliki, takie jak Debug i vsdoc). Więc mamy problemy w sytuacjach, że jest tylko jeden z tych plików.

Można zmienić stan debugowania w web.plik konfiguracyjny do obsługi wyjścia:

<compilation debug="false" targetFramework="4.0" />

Zobacz zmiany wyjściowe! Filtrowanie plików zmieniony. Aby spełnić ten cel musimy zmienić filtrowanie ignorowanych przypadków, które zmieni logikę aplikacji!

Ludzie Trzymałbym to po prostu, dopóki Microsoft nie zrobi tego razem

Spróbuj tego

W RegisterBundles Utwórz ten pakiet dla Kendo

bundles.Add(new StyleBundle("~/Content/kendo/css").Include(
                    "~/Content/kendo/2012.3.1121/kendo.common.min.css",
                     "~/Content/kendo/2012.3.1121/kendo.dataviz.min.css",
                      "~/Content/kendo/2012.3.1121/kendo.blueopal.min.css"
 ));

In _Layout.cshtml umieść to:

@if (HttpContext.Current.IsDebuggingEnabled)
 { 
<link href="@Url.Content("~/Content/kendo/2012.3.1121/kendo.common.min.css")"      
rel="stylesheet"  type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1121/kendo.dataviz.min.css")" 
rel="stylesheet" type="text/css" />   
<link href="@Url.Content("~/Content/kendo/2012.3.1121/kendo.blueopal.min.css")"    
rel="stylesheet" type="text/css" />
 }
 else
 {
     @Styles.Render("~/Content/kendo/css")   
 }

W ten sposób otrzymujemy najlepsze pakiety w produkcji i odniesienie w debugowaniu

Napraw to, gdy Microsoft naprawia ich kod MVC 4