Spakuj i minifikuj w ASP.NET MVC

Jednym z zadań frameworka jest usprawnienie przepływu pracy programisty poprzez dostarczenie narzędzi i konwencji, które sprawiają, że trzeba mniej myśleć o technicznej części, jak osiągnąć rzeczy, a więcej o logice naszych aplikacji.
W przypadku ASP.NET MVC, oferujemy również narzędzia, które pozwalają nam bezpośrednio generować pakiety Skrypty dodatkowe, z których korzysta nasza aplikacja i aby móc je zminimalizować, aby zachować zgodność z jedną z najlepszych praktyk i zwiększyć wydajność.
w ASP.NET MVC mamy bibliotekę System.Optymalizacja.Web, dzięki czemu możemy uzyskać dostęp do metod, które pozwalają nam zoptymalizować elementy naszej aplikacji internetowej, takie jak pakowanie różnych plików stylów i JavaScript.
Ta biblioteka zawiera również elementy, które pomagają nam ulepszyć pamięć podręczną statycznych dodatków naszej aplikacji, a także minifikację plików, zobaczmy jak początkowo działa ta wtyczka.
W akcjiJeśli zobaczymy plik Układ.cshtml, możemy zauważyć, że używamy metody skrótu do zdefiniowania ścieżki zasobów stylu i JavaScript, to nic więcej niż Renderowanie () i używamy go z jego wyróżnikami @style Tak @Skrypty, to co robi to po prostu pakuje i minimalizuje zasoby bezpośrednio, nie ma możliwości, aby nasz rozwój był łatwiejszy, przeanalizujmy jak się nazywają:

Pierwszą rzeczą, jaką możemy zauważyć, jest to, że w @ Style.Renderuj () Przekazujemy to dwiema różnymi drogami, co prowadzi nas do wniosku, że w ten sposób możemy ujednolicić wszystko w tym samym pliku końcowym i dzięki temu będziemy robić mniej próśb HTTP.
W przypadku @Skrypty Robimy to z jednym elementem, ale można to zastosować do kilku, jak w stylach.
Jeśli uruchomimy narzędzie do analizy wydajności w przeglądarce, zdamy sobie sprawę, że chociaż w ten sposób nazywamy te elementy w szablonie bazowym, nadal są one wyświetlane w różnych plikach, dzieje się tak, ponieważ środowisko programistyczne jest włączone odpluskwić dlatego dla ułatwienia czytelności i debugowania nie są one połączone w jeden plik.
Aby to zrobić, musimy zlokalizować plik konfiguracyjny i tam wskazać naszemu frameworkowi, że musi umożliwiać ulepszenia, ustawiając następującą opcję na true:

BundleTable.EnableOptimizations

Dzięki temu, jeśli na przykład ponownie uruchomimy narzędzie pomiarowe Yslow, zobaczymy to w dziale minifikacja i prośby HTTP wszystko zostało zrobione zgodnie z najlepszymi praktykami.

Domyślnie szablon posiada również strukturę określającą pliki stylów, nad dokumentem i skrypty na dole są jednak skrypty jak na przykład modernizr.js Nie możemy ich zdefiniować na końcu dokumentu, ponieważ ich funkcjonalność ma usprawnić ładowanie strony, więc musi być wykonana natychmiast.
Na tym zakończyliśmy ten tutorial, widzieliśmy jak w prosty sposób ASP.NET MVC pozwala nam tworzyć pakiety plików stylów i skryptów, a także automatycznie je minimalizować, pomagając nam po prostu poświęcić się ustalaniu logiki naszej aplikacji.