Comment faire pour désactiver Javascript/CSS minification dans ASP.NET MVC 4 Beta

Je suis juste essayer ASP.NET MVC 4, mais je ne peux pas comprendre comment désactiver Javascript/CSS minification fonctionnalité. En particulier pour le développement de l'environnement cela aidera grandement sur le débogage. J'imagine que ce serait un interrupteur dans le web.config mais depuis ASP.NET MVC 4 est encore en phase bêta pour le moment il n'y a vraiment pas beaucoup d'informations là-bas. Apprécierais si quelqu'un peut l'aider ou le point à droite des poteaux de blog etc.

Juste moi, ou est-il ridicule que ce n'est pas un paramètre de configuration?
Ruby on Rails a ses propres limites, comme le fait chaque plate-forme.

OriginalL'auteur Jeff | 2012-02-21

  1. 18

    Mondiale.asax.cs

    #if DEBUG
        foreach (var bundle in BundleTable.Bundles)
        {
            bundle.Transform = new NoTransform();
        }
#endif
    Cela a changé dans la dernière version, voir cette réponse pour plus de détails: stackoverflow.com/a/11270224
    Oui, mais la réponse est correcte pour la bêta que l'OP a demandé 🙂 j'ai toujours un MVC 4 beta site web qui n'est pas encore mis à niveau et heureux que j'ai trouvé cette réponse 🙂

    OriginalL'auteur Socardo

  2. 4

    Une autre option serait de créer un Helper HTML que vous pouvez utiliser pour créer le script et les balises link. Voici ce que j'ai mis en œuvre pour le Javascript, qui peut également être fait pour le CSS:

    public static class BundleHelper
{
public static MvcHtmlString JsBundle(this HtmlHelper helper, string bundlePath)
{
var jsTag = new TagBuilder("script");
jsTag.MergeAttribute("type", "text/javascript");
return ReferenceBundle(helper, bundlePath, jsTag);
}
public static MvcHtmlString ReferenceBundle(this HtmlHelper helper, string bundlePath, TagBuilder baseTag)
{
var httpContext = helper.ViewContext.HttpContext;
var urlHelper = new UrlHelper(helper.ViewContext.RequestContext);
Bundle bundle = BundleTable.Bundles.GetBundleFor(bundlePath);
var htmlString = new StringBuilder();
if (bundle != null)
{
var bundleContext = new BundleContext(helper.ViewContext.HttpContext, BundleTable.Bundles, urlHelper.Content(bundlePath));
if (!httpContext.IsDebuggingEnabled)
{
baseTag.MergeAttribute("href", System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl(bundlePath));
return new MvcHtmlString(baseTag.ToString());
}
foreach (var file in bundle.EnumerateFiles(bundleContext))
{
var basePath = httpContext.Server.MapPath("~/");
if (file.FullName.StartsWith(basePath))
{
var relPath = urlHelper.Content("~/" + file.FullName.Substring(basePath.Length));
baseTag.MergeAttribute("href", relPath, true);
htmlString.AppendLine(baseTag.ToString());
}
}
}
return new MvcHtmlString(htmlString.ToString());
}
}

    Maintenant, tout ce que vous avez à faire est d'appeler à votre avis:

    <head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="~/Content/css" rel="stylesheet" type="text/css" />
<link href="~/Content/themes/base/css" rel="stylesheet" type="text/css" />
@Html.JsBundle("~/scripts/js")
<meta name="viewport" content="width=device-width" />
</head>

    Et il va rendre les scripts comme des références séparées, ou bien utiliser la nouvelle groupage/minification dépend de ce que le paramètre debug est dans votre site web.config . J'ai utilisé une partie du code de http://codecutout.com/resource-minify-bundling comme référence lors de la création de mon aide si vous voulais voir quelques exemples. Leur aide est écrit un peu mieux, lancer des exceptions lorsque les arguments non valides sont fournis, etc.... Je n'en ai pas eu l'occasion de le nettoyage de la mine.

    OriginalL'auteur Russell Durham

  3. 4

    Vous pourriez enregistrer vos propres ensembles dans le Mondiale.asax et l'utilisation de la NoTransform classe si vous ne voulez pas que le contenu soit minimisé.

    Personnellement, je ne veux pas que mon script pour y être transformé. Je viens de créer deux répertoires de scripts. L'un avec le script de débogage et versions l'une avec l'été téléchargés minifiés versions.

    Le MVC 4 de la boîte de minifier (JsMinify) les sauts de jQuery 1.7.1 pour l'Opéra, donc je ne veux pas l'utiliser. Je viens de mettre les lignes suivantes dans mon Mondiale.asax: Application_Start() méthode:

    Bundle debugScripts = new Bundle("~/DebugScripts", 
new NoTransform("text/javascript"));
debugScripts.AddDirectory("~/Scripts/Debug", "*.js");
BundleTable.Bundles.Add(debugScripts);
Bundle productionScripts = new Bundle("~/ProductionScripts", 
new NoTransform("text/javascript"));
productionScripts.AddDirectory("~/Scripts/Minified", "*.js");
BundleTable.Bundles.Add(productionScripts);

    Avec cela en place, je peux simplement ajouter soit l'une des deux lignes dans mon _layouts.cshtml:

    <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/DebugScripts")" type="text/javascript"></script>
<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/ProductionScripts")" type="text/javascript"></script>

    Bien sûr, nous pourrions obtenir un peu plus funky avec cela en place. Nous avons pu générer simplement un paquet et en fonction du type de sélectionner les fichiers à inclure.

    OriginalL'auteur Wesley Bakker

  4. 3

    Après l'appel à EnableDefaultBundles() Mondiale.asax, vous pouvez le faire ...

            if ( ... running in development environment ...)
{
var registeredBundles = BundleTable.Bundles.GetRegisteredBundles();
foreach (var bundle in registeredBundles)
{
if (bundle.Transform is System.Web.Optimization.JsMinify)
bundle.Transform = new NoTransform();
}
}

    Pas assez (modification de l'état défini par le système), mais c'est beaucoup moins de code que toutes les autres suggestions, vous permettant de continuer à utiliser la norme regroupement comportement et il ne comporte pas toutes les modifications de votre point de vue.

    OriginalL'auteur Ian Mercer

  5. 3

    Sur les nouvelles versions de ASP.NET MVC juste ajouter

    #if DEBUG
foreach (var bundle in BundleTable.Bundles)
{
bundle.Transforms.Clear();
}
#endif

    juste après

    BundleConfig.RegisterBundles(...);

    OriginalL'auteur Roman Pushkin

  6. 2

    vous pouvez la désactiver à partir config:

    <system.web>
<compilation debug="true" />
<!-- Lines removed for clarity. -->
</system.web>

    http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

    OriginalL'auteur Jon

  7. 1

    Je pense qu'il serait bon, si cette fonctionnalité sera disponible "out of the box".

    J'ai posté un commentaire sur UserVoice.com: http://aspnet.uservoice.com/forums/41201-asp-net-mvc/suggestions/2702000-improve-system-web-optimization-bundle

    Donner votre "voix".

    OriginalL'auteur resnyanskiy

  8. 1

    Plutôt que de remplacer les occurrences de JsMinify et CssMinify, on peut, au lieu d'utiliser les interfaces. Cette option n'était pas disponible dans les versions antérieures, parce que le deuxième paramètre du constructeur était un type plutôt qu'une interface.

    IBundleTransform jsTransform;
IBundleTransform cssTransform;
#if DEBUG
jsTransform = new NoTransform("text/javascript");
cssTransform = new NoTransform("text/css");
#else
jsTransform = new JsMinify();
cssTransform = new CssMinify();
#endif
Bundle jsBundle = new Bundle("~/JsB", jsTransform);
Bundle cssBundle = new Bundle("~/CssB", cssTransform);

    Peut-être également intéressant de noter, pour les scripts qui sont livrés avec minifiés et non minimisé les versions ex: jQuery, on peut utiliser une méthode d'aide pour éventuellement sortir la bande ".min" pour les versions de DÉBOGAGE pour faciliter le débogage:

    private string Min(string scriptNameIncludingMin)
{
#if DEBUG
return scriptNameIncludingMin.Replace(".min", ""); //Remove .min from debug builds
#else
return scriptNameIncludingMin;
#endif
}
//...
jsBundle.AddFile(Min("~/Scripts/jquery-1.7.2.min.js"));
    Est-ce à arrêter la js concaténation ainsi que les minifying? Il est aussi ennuyeux débogage d'un seul géant fichier js.

    OriginalL'auteur Eric J.

  9. 0

    Essayez une nouvelle extension pour le Système.Web.Optimisation - Bundle Transformateur. Dans le Bundle du Transformateur mis en place un certain nombre de possibilités de simplifier le débogage (voir la documentation).

    OriginalL'auteur Andrey Taritsyn

  10. 0

    Une autre solution (testé avec v1.1.0.0 et MVC5):

    public class BundleConfig
{
public static void Register()
{
ScriptBundle jsBundle = new ScriptBundle("~/Scripts/myscript.min.js");
jsBundle.Include("~/Scripts/myscript.js");
DisableInDebugMode(jsBundle);
BundleTable.Bundles.Add(jsBundle);
}
private static void DisableInDebugMode(ScriptBundle jsBundle)
{
#if DEBUG
//Don't minify in debug mode
jsBundle.Transforms.Clear();
#endif
}
}

    OriginalL'auteur Chris S