ASP.NET Bundles comment faire pour désactiver la minification

Si vous avez debug="true" dans web.config et utilisez Scripts/Styles.Render de référence les ensembles dans vos pages, qui devrait désactiver à la fois le regroupement et la minification. BundleTable.EnableOptimizations = false toujours désactiver à la fois le regroupement et la minification ainsi (quel que soit le debug à true/false flag).

Vous êtes peut-être pas à l'aide de la Scripts/Styles.Render aides? Si vous êtes directement le rendu de références pour le bundle via BundleTable.Bundles.ResolveBundleUrl() vous obtiendrez toujours la minifiés/livré contenu.

Pour désactiver le regroupement et la minification il suffit de mettre ceci à votre .aspx fichier
(cela va désactiver l'optimisation, même si debug=true dans web.config)

vb.net:

System.Web.Optimization.BundleTable.EnableOptimizations = false

c#.net

System.Web.Optimization.BundleTable.EnableOptimizations = false;

Si vous mettez EnableOptimizations = true ce seront ensemble et rapetisser même si debug=true dans web.config

J'ai essayé beaucoup de ces suggestions, mais en notant semblait fonctionner. J'ai gâché quelques heures seulement découvert que c'était mon erreur:

@Scripts.Render("/bundles/foundation")

Il ont toujours me minifiés et livré javascript, peu importe ce que j'ai essayé. Au lieu de cela, je devrais avoir utilisé ce:

@Scripts.Render("~/bundles/foundation")

L'extra '~' il l'a fait. J'ai même enlevé de nouveau dans une seule instance pour voir si c'était vraiment elle. C'était... j'espère que je peux sauver au moins une personne les heures que j'ai perdu sur cette.

Il existe aussi une manière simple de contrôler minification (et d'autres caractéristiques) manuellement. C'est nouveau CssMinify() transformateur en utilisant, comme ceci:

//this is in case when BundleTable.EnableOptimizations = false;
var myBundle = new StyleBundle("~/Content/themes/base/css")
    .Include("~/Content/themes/base/jquery.ui.core.css" /* , ... and so on */);
myBundle.Transforms.Add(new CssMinify());
bundles.Add(myBundle);

//or you can remove that transformer in opposite situation
myBundle.Transforms.Clear();

Qui est pratique lorsque vous voulez avoir des faisceaux partie spéciale seulement pour être minimisé. Disons que vous êtes en utilisant un certain niveau (jQuery) les styles, qui, sous vos pieds (en prenant beaucoup de excessif de requêtes du navigateur), mais vous voulez garder unminified votre propre feuille de style. (Le même avec javascript).

Si vous définissez la propriété suivante est fausse, alors il va désactiver le regroupement et la minification.

Dans Mondiale.asax.cs fichier, ajoutez la ligne comme indiqué ci-dessous

protected void Application_Start()
{
    System.Web.Optimization.BundleTable.EnableOptimizations = false;
}

Voici comment désactiver la minification sur un p-module de base:

bundles.Add(new StyleBundleRaw("~/Content/foobarcss").Include("/some/path/foobar.css"));
bundles.Add(new ScriptBundleRaw("~/Bundles/foobarjs").Include("/some/path/foobar.js"));

Note: Les chemins d'accès utilisés pour vos faisceaux ne doit pas coïncider avec n'importe quel chemin d'accès réel dans votre publication s'appuie sinon rien ne fonctionnera. Aussi assurez-vous d'éviter de l'utiliser .js, .css et/ou '.' et '_' n'importe où dans le nom du bundle. Garder le nom aussi simple et directe que possible, comme dans l'exemple ci-dessus.

Les classes d'aide sont présentés ci-dessous. Remarquez que dans le but de rendre ces classes d'avenir nous enlever chirurgicalement le js/css minifying des instances au lieu de l'aide .clear() et nous avons également insérer un mime-type setter transformation sans laquelle la production s'appuie sont liés à un problème surtout quand il s'agit de bien remise css-faisceaux (firefox et chrome rejeter css ballots, type mime mis à "text/html", qui est la valeur par défaut):

internal sealed class StyleBundleRaw : StyleBundle
{
private static readonly BundleMimeType CssContentMimeType = new BundleMimeType("text/css");
public StyleBundleRaw(string virtualPath) : this(virtualPath, cdnPath: null)
{
}
public StyleBundleRaw(string virtualPath, string cdnPath) : base(virtualPath, cdnPath)
{
Transforms.Add(CssContentMimeType); //0 vital
Transforms.Remove(Transforms.FirstOrDefault(x => x is CssMinify)); //0
}
//0 the guys at redmond in their infinite wisdom plugged the mimetype "text/css" right into cssminify    upon unwiring the minifier we
// need to somehow reenable the cssbundle to specify its mimetype otherwise it will advertise itself as html and wont load
}
internal sealed class ScriptBundleRaw : ScriptBundle
{
private static readonly BundleMimeType JsContentMimeType = new BundleMimeType("text/javascript");
public ScriptBundleRaw(string virtualPath) : this(virtualPath, cdnPath: null)
{
}
public ScriptBundleRaw(string virtualPath, string cdnPath) : base(virtualPath, cdnPath)
{
Transforms.Add(JsContentMimeType); //0 vital
Transforms.Remove(Transforms.FirstOrDefault(x => x is JsMinify)); //0
}
//0 the guys at redmond in their infinite wisdom plugged the mimetype "text/javascript" right into jsminify   upon unwiring the minifier we need
// to somehow reenable the jsbundle to specify its mimetype otherwise it will advertise itself as html causing it to be become unloadable by the browsers in published production builds
}
internal sealed class BundleMimeType : IBundleTransform
{
private readonly string _mimeType;
public BundleMimeType(string mimeType) { _mimeType = mimeType; }
public void Process(BundleContext context, BundleResponse response)
{
if (context == null)
throw new ArgumentNullException(nameof(context));
if (response == null)
throw new ArgumentNullException(nameof(response));
response.ContentType = _mimeType;
}
}

De faire tout cela fonctionne, vous devez l'installer (via nuget):

WebGrease 1.6.0+
Microsoft.AspNet.Web.Optimisation 1.1.3+

Et votre site web.config devrait être enrichi comme suit:

<runtime>
[...]
<dependentAssembly>
<assemblyIdentity name="System.Web.Optimization" publicKeyToken="31bf3856ad364e35" />
<bindingRedirect oldVersion="1.0.0.0-x.y.z.t" newVersion="x.y.z.t" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-x.y.z.t" newVersion="x.y.z.t" />
</dependentAssembly>
[...]
</runtime>
<!-- setting mimetypes like we do right below is absolutely vital for published builds because for some reason the -->
<!-- iis servers in production environments somehow dont know how to handle otf eot and other font related files   -->
</system.webServer>
[...]
<staticContent>
<!-- in case iis already has these mime types -->
<remove fileExtension=".otf" />
<remove fileExtension=".eot" />
<remove fileExtension=".ttf" />
<remove fileExtension=".woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".otf" mimeType="font/otf" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
<!-- also vital otherwise published builds wont work  https://stackoverflow.com/a/13597128/863651  -->
<modules runAllManagedModulesForAllRequests="true">
<remove name="BundleModule" />
<add name="BundleModule" type="System.Web.Optimization.BundleModule" />
</modules>
[...]
</system.webServer>

Noter que vous pourriez avoir à prendre des mesures supplémentaires pour faire de votre css-faisceaux de travail en termes de polices etc. Mais c'est une autre histoire.

Si vous utilisez LESS/SASS en CSS transformation il y a une option useNativeMinification qui peut être défini à false pour désactiver la minification (sur le web.config). Pour ma part je viens de changer ici quand j'en ai besoin, mais vous pouvez utiliser le web.config transformations de toujours activer sur la libération de construire ou peut-être trouver un moyen de le modifier dans le code.

<less useNativeMinification="false" ieCompat="true" strictMath="false"
strictUnits="false" dumpLineNumbers="None">

Astuce: Le point entier de ce qui est pour afficher votre CSS, que vous pouvez faire dans le navigateur inspecter les outils ou par le simple fait d'ouvrir le fichier. Lorsque le regroupement est activé que le nom de fichier des changements dans tous les compiler, donc j'ai mis la suivante en haut de ma page afin que je puisse voir mon CSS compilé eaily dans une nouvelle fenêtre de navigateur chaque fois qu'il change.

@if (Debugger.IsAttached) 
{
<a href="@Styles.Url(ViewBag.CSS)" target="css">View CSS</a>
}

ce sera une URL dynamique quelque chose comme https://example.com/Content/css/bundlename?v=UGd0FjvFJz3ETxlNN9NVqNOeYMRrOkQAkYtB04KisCQ1

Mise à jour: j'ai créé un site web.config transformation de l'activer pour moi lors du déploiement /version validée

  <bundleTransformer xmlns="http://tempuri.org/BundleTransformer.Configuration.xsd">
<less xdt:Transform="Replace" useNativeMinification="true" ieCompat="true" strictMath="false" strictUnits="false" dumpLineNumbers="None">
<jsEngine name="MsieJsEngine" />
</less>
</bundleTransformer>