Ajout de la nouvelle infrastructure ASP.NET Web Optimization aux projets MVC4 après leur mise à niveau manuelle

Après manuellement la mise à niveau d'une ASP.NET projet MVC pour MVC4 l'utilisation de ces instructionscomment mettre en place la nouvelle CSS et JavaScript actif de la subordination et la minimisation de l'ASP.NET l'Optimisation Web du Cadre dans MVC4? Les modèles par défaut, tout cela mis en place, mais comment voulez-vous le faire à la main?

source d'informationauteur Ed Andersen

À droite, cliquez sur Références, puis Gérer les Packages NuGet et d'ajouter “de Microsoft.AspNet.Web.L'optimisation” (ou de type Install-Package Microsoft.AspNet.Web.Optimization dans la console NuGet).
Dans votre site Web.fichier de config, ajoutez ce qui suit à <system.webServer>permettant à la minimisé les faisceaux servi avec extensionless Url.

<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>

Dans votre App_Start dossier, ajouter une nouvelle classe appelée BundleConfig.cs. Il devrait ressembler à quelque chose comme ceci:

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"));
        }
    }
}

Edit ci-dessus pour ajouter le script et la feuille de style bundles vous avez besoin puis ajoutez les lignes suivantes à l'aide de la section et Application_Start Mondiale.asax.cs:

//using section
using System.Web.Optimization;

//Application_Start
BundleConfig.RegisterBundles(BundleTable.Bundles);

Remplacer votre CSS et JavaScript balises dans _Layout.cshtml avec des appels à @Styles.Render("~/Content/css") et @Scripts.Render("~/bundles/jquery")en remplaçant les paramètres avec les noms des paquets que vous avez ajouté à BundleConfig.cs. Assurez-vous de ne pas le nom de l'un des faisceaux de même que les dossiers de votre projet.

Vous devriez maintenant être tous ensemble – lire sur la façon d'utiliser le plein featureset ici: http://www.asp.net/mvc/overview/performance/bundling-and-minification

0

Oui Suivez les étapes ci-dessous pour bundle et minify CSS et JS:
- D'abord ouvrir le gestionnaire de package de la console et exécutez la commande, sélectionnez votre application web du projet.
Install-Package Microsoft.AspNet.Web.Optimisation
- Aller au mondial.asax clic droit et afficher le code
- Coller le code ci-dessous:
```
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);  
 }
```
- Chez Application_Start()
```
 protected void Application_Start()
{
    ApplicationHelper.MinifyJavaScript();
 }
```
- Aller à _Layout.cshtml dans Views/Shared
- Ajouter la ligne en tête
  
  @ViewBag.Titre - Mon ASP.NET Application
  @Styles.Render("~/bundles/customCSSBundle")
- Ajouter ce avant la fermeture de la balise body
```
 //your code
  @Scripts.Render("~/bundles/customJSBundle")
 </body>
```
- Dans le web.config si vous définissez compilation debug=true, les fichiers ne seront pas regroupés.
  Si vous définissez comme faux, puis les fichiers seront regroupés.

Vous devez vous connecter pour publier un commentaire.