Arquivo da categoria ‘ASP.NET MVC 4’

ASP.NET MVC 4 – Minification e Bundling

Publicado: 17 de junho de 2012 por Prof @Virtualiza Cooperativa em ASP.NET MVC 4
0

Bundling e Minification também tem a capacidade de explorar recursos do browser do cliente para gerar uma cache local dos seus arquivos de estilo e javascript.


O System.Web.Optimization namespace inclui classes que suportam o processo de otimização JavaScript e Cascading Style Sheet (CSS) arquivos em um site para reduzir o tamanho do arquivo e melhorar o desempenho página. As classes neste namespace permitem que os desenvolvedores para realizar tarefas de agrupamento e minimização de otimizar seu JavaScript e CSS.
O Framework 4.5 do ASP.NET e inclusive o MVC 4 possuem esse recurso, para utilizarmos precisamos colocar:
Classes:
Bundle: Representa uma lista de JavaScript ou Cascading Style Sheet (CSS) arquivos que o ASP.NET dinamicamente combina em um único arquivo virtual que um navegador pode recuperar usando uma única solicitação HTTP.


BundleCollection: Contém e gerencia o conjunto de registrados Bundle objetos em uma aplicação ASP.NET.


BundleFileSetOrdering: Contém uma lista de nomes de arquivos que determina a ordem de arquivo de um pacote de objeto.


BundleResponse:  Representa um Bundle objeto e seu estado associado que ASP.NET envia como resposta a uma solicitação do navegador.


BundleTable: Fornece acesso programático para a coleção de registrados Bundle objetos em uma aplicação ASP.NET.


CssMinify: Transforma cada arquivo em um pacote de Cascading Style Sheet (CSS) para reduzir o tamanho do arquivo.


DefaultBundleOrderer: Fornece um padrão ordenado lista de arquivos em um pacote de objeto.


DynamicFolderBundle: Representa um Bundle objeto que o ASP.NET cria a partir de uma pasta que contém arquivos do mesmo tipo.

JsMinify: Transforma cada arquivo em um pacote de arquivos JavaScript para reduzir o tamanho do arquivo.

Exemplo:


<link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/css")"rel="stylesheet" type="text/css" />


<linkhref="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/themes/base/css")"rel="stylesheet" type="text/css" />


<scriptsrc="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")"></script>


System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl chache responsável para que o cache seja criada no browser.
Da para fazer pelo código também, veja mais nas referências e blog do Pai do MVC

Não deixe de ver esse vídeo: