Dopo l'aggiornamento manuale di un progetto MVC ASP.NET su MVC4 using these instructions, come impostare quindi le nuove funzionalità CSS e JavaScript di raggruppamento e minimizzazione delle risorse del ASP.NET Web Optimization Framework in MVC4? I modelli predefiniti hanno tutto questo impostato, ma come lo fai a mano?Aggiunta del nuovo framework di ottimizzazione Web ASP.NET ai progetti MVC4 dopo averli aggiornati manualmente
13
A
risposta
31
- tasto destro del mouse Riferimenti quindi gestire i pacchetti NuGet e aggiungere “Microsoft.AspNet.Web.Optimization” (o tipo
Install-Package Microsoft.AspNet.Web.Optimization
nella console NuGet). - Nel file Web.config, aggiungere quanto segue a
<system.webServer>
, consentendo la pubblicazione dei pacchetti con URL senza estensione.
<handlers>
<remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />
<remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />
<add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
- Nella cartella App_Start, aggiungere una nuova classe chiamata BundleConfig.cs. Esso dovrebbe essere simile a questo:
using System.Web;
using System.Web.Optimization;
namespace MvcApplication1
{
public class BundleConfig
{
// For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
"~/Scripts/jquery-ui-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.unobtrusive*",
"~/Scripts/jquery.validate*"));
// Use the development version of Modernizr to develop with and learn from. Then, when you're
// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/jquery.ui.core.css"));
}
}
}
- Modificare il precedente per aggiungere lo script e fogli di stile fasci si richiede quindi aggiungere le seguenti righe alla sezione utilizzando e Application_Start in Global.asax.cs:
//using section
using System.Web.Optimization;
//Application_Start
BundleConfig.RegisterBundles(BundleTable.Bundles);
- Sostituisci il tuo CSS e JavaScript e tag in _Layout.cshtml con chiamate a
@Styles.Render("~/Content/css")
e@Scripts.Render("~/bundles/jquery")
, sosti ng i parametri con i nomi dei bundle che hai aggiunto a BundleConfig.cs. Assicurati di non nominare nessuno dei pacchetti uguale alle cartelle del tuo progetto.
Ora dovrebbe essere tutto a posto - leggere su come usare la piena featureset qui: http://www.asp.net/mvc/overview/performance/bundling-and-minification
0
Sì, procedere come segue per fascio e minify JS e CSS:
- Prima aperto console di gestione pacchetti ed esegui il comando, seleziona la tua app web come progetto.
Installare-Pacchetto Microsoft.AspNet.Web.Optimization
Vai global.asax tasto destro del mouse e il codice di vista
Incollare il codice qui sotto:
public static void MinifyJavaScriptAndCSS() { var scripts1 = new ScriptBundle("~/bundles/customJSBundle"); scripts1.Include("~/Scripts/script1.js"); scripts1.Include("~/Scripts/script2.js"); BundleTable.Bundles.Add(scripts1); //Bundle Css var css1 = new StyleBundle("~/bundles/customCSSBundle"); css1.Include("~/Styles/style1.css"); css1.Include("~/Styles/style2.css"); BundleTable.Bundles.Add(css1); }
Chiamalo in Application_Start()
protected void Application_Start() { ApplicationHelper.MinifyJavaScript(); }
Vai alla _Layout.cshtml in Vista/shared
aggiungere la riga in testa
@ ViewBag.Title - Il mio applicazioni ASP.NET @Styles.Render ("~/fasci/customCSSBundle")
Aggiungere questo prima della chiusura del tag body
//your code @Scripts.Render("~/bundles/customJSBundle") </body>
Nel web.config se si imposta compilation debug = true, non saranno in bundle file. Se lo si imposta come falso, i file verranno raggruppati.
Problemi correlati
- 1. Aggiunta dell'API Web ai moduli Web asp.net esistenti Applicazione
- 2. Cosa succede ai pixel dopo averli passati in glTexImage2D()?
- 3. ASP.Net Web Api + KnockoutJs + MVC4 - Legare insieme
- 4. Migliore alternativa ai progetti di distribuzione Web
- 5. Iscrizione ASP.net - aggiunta di un ruolo
- 6. Progetti Web nel ruolo Web di Azure
- 7. Ninject e asp.net MVC4
- 8. Utilizzo e creazione di helper in Asp.net Applicazione Web MVC4
- 9. Asp.Net MVC4 Display CheckboxList
- 10. I file .cs verranno compilati quando caricati dopo averli modificati?
- 11. jquery 1.9.0 e modernizr non possono essere minimizzati con il framework di ottimizzazione Web ASP.NET
- 12. Asp.net Web API senza alcun Entity Framework
- 13. Asp.Net MVC3 a MVC4 Strumento di aggiornamento?
- 14. come caricare/visualizzare immagini utilizzando ASP.net MVC4 con Entity Framework
- 15. Google Webfonts: come scaricare i caratteri dopo averli caricati?
- 16. VS2012 Express Web Impossibile creare app MVC4
- 17. Test di percorso ASP.NET MVC4
- 18. Problema di routing ASP.NET MVC4
- 19. ottimizzazione di accesso ai membri in C++
- 20. Aggiunta di messaggi di "aiuto" ai campi
- 21. MVC4: Imposta manualmente il messaggio di convalida dal lato server
- 22. Ottimizzazione ASP.NET - Bundle
- 23. ASP.net Web API e System.Net.Http
- 24. zend framework 2 aggiungi un nuovo controller
- 25. asp.net mvc4 cambia jquery versione
- 26. Trovare quali campi sono stati aggiornati dopo aver chiamato update_attributes?
- 27. configurazione processModel ASP.NET ottimizzazione
- 28. ASP.NET Web API Framework 4.5 Errore IIS7
- 29. Come aggiungere manualmente una freccia del controller della vista radice dopo uno storyboard nuovo?
- 30. Dichiarazione del modello in Razor View in mvc4 asp.net