ASP NET Bundles how to disable minification

Question

I have debug  true  in both my web config s   and I just don t want my bundles minified  but nothing I do seems to disable it  I ve tried enableoptimisations false  here is my code     Javascript bundles Add new ScriptBundle    bundles MainJS                Include    Scripts regular lib mvc jquery validate unobtrusive js                 Include    Scripts regular lib mvc jquery validate                 Include    Scripts regular lib bootstrap js                IncludeDirectory    Scripts regular modules      js   true               IncludeDirectory    Scripts regular pages      js   true               IncludeDirectory    Scripts regular misc      js   true       CSS bundles Add new StyleBundle    bundles MainCSS                Include    Content css regular lib bootstrap css                 IncludeDirectory    Content css regular modules      css   true               IncludeDirectory    Content css regular pages      css   true

User · Answer

You can turn off minification in your bundles simply by Clearing your transforms.

var scriptBundle = new ScriptBundle("~/bundles/scriptBundle");
...
scriptBundle.Transforms.Clear();

I personally found this useful when wanting to bundle all my scripts in a single file but needed readability during debugging phases.

User · Answer

I tried a lot of these suggestions but noting seemed to work  I ve wasted quite a few hours only to found out that this was my mistake    Scripts Render   bundles foundation     It always have me minified and bundled javascript  no matter what I tried  Instead  I should have used this    Scripts Render    bundles foundation     The extra     did it  I ve even removed it again in only one instance to see if that was really it  It was    hopefully I can save at least one person the hours I wasted on this

User · Answer

Here s how to disable minification on a per-bundle basis  bundles Add new StyleBundleRaw  quot   Content foobarcss quot   Include  quot  some path foobar css quot     bundles Add new ScriptBundleRaw  quot   Bundles foobarjs quot   Include  quot  some path foobar js quot      Sidenote  The paths used for your bundles must not coincide with any actual path in your published builds otherwise nothing will work  Also make sure to avoid using  js   css and or     and     anywhere in the name of the bundle  Keep the name as simple and as straightforward as possible  like in the example above  The helper classes are shown below  Notice that in order to make these classes future-proof we surgically remove the js css minifying instances instead of using  clear   and we also insert a mime-type-setter transformation without which production builds are bound to run into trouble especially when it comes to properly handing over css-bundles  firefox and chrome reject css bundles with mime-type set to  quot text html quot  which is the default   internal sealed class StyleBundleRaw   StyleBundle           private static readonly BundleMimeType CssContentMimeType   new BundleMimeType  quot text css quot             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   gt  x is CssMinify      0                     0 the guys at redmond in their infinite wisdom plugged the mimetype  quot text css quot  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  quot text javascript quot             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   gt  x is JsMinify      0                     0 the guys at redmond in their infinite wisdom plugged the mimetype  quot text javascript quot  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               To make this whole thing work you need to install  via nuget   WebGrease 1 6 0  Microsoft AspNet Web Optimization 1 1 3  And your web config should be enriched like so   lt runtime gt                       lt dependentAssembly gt           lt assemblyIdentity name  quot System Web Optimization quot  publicKeyToken  quot 31bf3856ad364e35 quot    gt           lt bindingRedirect oldVersion  quot 1 0 0 0-x y z t quot  newVersion  quot x y z t quot    gt          lt  dependentAssembly gt          lt dependentAssembly gt                 lt assemblyIdentity name  quot WebGrease quot  publicKeyToken  quot 31bf3856ad364e35 quot  culture  quot neutral quot    gt           lt bindingRedirect oldVersion  quot 0 0 0 0-x y z t quot  newVersion  quot x y z t quot    gt          lt  dependentAssembly gt                 lt  runtime gt    lt  -- setting mimetypes like we do right below is absolutely vital for published builds because for some reason the -- gt   lt  -- iis servers in production environments somehow dont know how to handle otf eot and other font related files   -- gt   lt system webServer gt                         lt staticContent gt         lt  -- in case iis already has these mime types -- gt         lt remove fileExtension  quot  otf quot    gt         lt remove fileExtension  quot  eot quot    gt         lt remove fileExtension  quot  ttf quot    gt         lt remove fileExtension  quot  woff quot    gt         lt remove fileExtension  quot  woff2 quot    gt          lt mimeMap fileExtension  quot  otf quot  mimeType  quot font otf quot    gt         lt mimeMap fileExtension  quot  eot quot  mimeType  quot application vnd ms-fontobject quot    gt         lt mimeMap fileExtension  quot  ttf quot  mimeType  quot application octet-stream quot    gt         lt mimeMap fileExtension  quot  woff quot  mimeType  quot application font-woff quot    gt         lt mimeMap fileExtension  quot  woff2 quot  mimeType  quot application font-woff2 quot    gt         lt  staticContent gt          lt  -- also vital otherwise published builds wont work  https   stackoverflow com a 13597128 863651  -- gt         lt modules runAllManagedModulesForAllRequests  quot true quot  gt            lt remove name  quot BundleModule quot    gt            lt add name  quot BundleModule quot  type  quot System Web Optimization BundleModule quot    gt         lt  modules gt               lt  system webServer gt   Note that you might have to take extra steps to make your css-bundles work in terms of fonts etc  But that s a different story

User · Answer

If you re using LESS SASS CSS transformation there s an option useNativeMinification which can be set to false to disable minification  in web config   For my purposes I just change it here when I need to  but you could use web config transformations to always enable it on release build or perhaps find a way modify it in code    lt less useNativeMinification  false  ieCompat  true  strictMath  false        strictUnits  false  dumpLineNumbers  None  gt    Tip  The whole point of this is to view your CSS  which you can do in the browser inspect tools or by just opening the file  When bundling is enabled that filename changes on every compile so I put the following at the top of my page so I can view my compiled CSS eaily in a new browser window every time it changes    if  Debugger IsAttached          lt a href   Styles Url ViewBag CSS   target  css  gt View CSS lt  a gt      this will be a dynamic URL something like https   example com Content css bundlename v UGd0FjvFJz3ETxlNN9NVqNOeYMRrOkQAkYtB04KisCQ1    Update  I created a web config transformation to set it to true for me during deployment   release build     lt bundleTransformer xmlns  http   tempuri org BundleTransformer Configuration xsd  gt       lt less xdt Transform  Replace  useNativeMinification  true  ieCompat  true  strictMath  false  strictUnits  false  dumpLineNumbers  None  gt         lt jsEngine name  MsieJsEngine    gt       lt  less gt     lt  bundleTransformer gt

User · Answer

To disable bundling and minification just put this your  aspx file  this will disable optimization even if debug true in web config   vb net   System Web Optimization BundleTable EnableOptimizations   false   c  net  System Web Optimization BundleTable EnableOptimizations   false    If you put EnableOptimizations   true this will bundle and minify even if debug true in web config

User · Answer

Search for EnableOptimizations keyword in your project So if you find BundleTable EnableOptimizations   true   turn it false  This does disable minification  And it also disables bundling entirely

User · Answer

This may become useful to someone in the future as the new framework  when setup through VS  gets a default web config  web Debug config and web Release config  In the web release config you will find this line    lt compilation xdt Transform  RemoveAttributes debug     gt    this was seeming to override any inline changes I made  I commented this line out and we were gravy  in terms of seeing non-minified code in a  release  build

User · Answer

Just to supplement the answers already given  if you also want to NOT minify obfuscate concatenate SOME files while still allowing full bundling and minification for other files the best option is to go with a custom renderer which will read the contents of a particular bundle s  and render the files in the page rather than render the bundle s virtual path  I personally required this because IE 9 was     ing the bed when my CSS files were being bundled even with minification turned off   Thanks very much to this article  which gave me the starting point for the code which I used to create a CSS Renderer which would render the files for the CSS but still allow the system to render my javascript files bundled minified obfuscated   Created the static helper class   using System  using System Text  using System Web  using System Web Mvc  using System Web Optimization   namespace Helpers     public static class OptionalCssBundler         const string CssTemplate     lt link href    0    rel   stylesheet   type   text css     gt         public static MvcHtmlString ResolveBundleUrl string bundleUrl  bool bundle              return bundle   BundledFiles BundleTable Bundles ResolveBundleUrl bundleUrl     UnbundledFiles bundleUrl              private static MvcHtmlString BundledFiles string bundleVirtualPath              return new MvcHtmlString string Format CssTemplate  bundleVirtualPath               private static MvcHtmlString UnbundledFiles string bundleUrl              var bundle   BundleTable Bundles GetBundleFor bundleUrl          StringBuilder sb   new StringBuilder          var urlHelper   new UrlHelper HttpContext Current Request RequestContext          foreach  BundleFile file in bundle EnumerateFiles new BundleContext new HttpContextWrapper HttpContext Current   BundleTable Bundles  bundleUrl                    sb AppendFormat CssTemplate   Environment NewLine  urlHelper Content file VirtualFile VirtualPath                   return new MvcHtmlString sb ToString                public static MvcHtmlString Render string bundleUrl  bool bundle              return ResolveBundleUrl bundleUrl  bundle                  Then in the razor layout file    OptionalCssBundler Render    Content css   false    instead of the standard    Styles Render    Content css     I am sure creating an optional renderer for javascript files would need little to update to this helper as well

User · Answer

Conditional compilation directives are your friend    if DEBUG             var jsBundle   new Bundle    Scripts js     else             var jsBundle   new ScriptBundle    Scripts js     endif

User · Answer

If you have debug  true  in web config and are using Scripts Styles Render to reference the bundles in your pages  that should turn off both bundling and minification  BundleTable EnableOptimizations   false will always turn off both bundling and minification as well  irrespective of the debug true false flag      Are you perhaps not using the Scripts Styles Render helpers  If you are directly rendering references to the bundle via BundleTable Bundles ResolveBundleUrl   you will always get the minified bundled content

User · Answer

If you set the following property to false then it will disable both bundling and minification    In Global asax cs file  add the line as mentioned below  protected void Application Start         System Web Optimization BundleTable EnableOptimizations   false

User · Answer

There is also some simple way to control minification  and other features  manually  It s new CssMinify   transformer using  like this      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      That s convenient when you want to have some bundles special part only to be minified  Let s say  you are using some standard  jQuery  styles  which are getting under your feet  taking lots of excessive browser requests to them   but you want to keep unminified your own stylesheet   The same - with javascript

User · Answer

I combined a few answers given by others in this question to come up with another alternative solution   Goal  To always bundle the files  to disable the JS and CSS minification in the event that  lt compilation debug  true        gt  and to always apply a custom transformation to the CSS bundle   My solution   1  In web config   lt compilation debug  true        gt   2  In the Global asax Application Start   method    protected void Application Start                   BundleTable EnableOptimizations   true     Force bundling to occur          If the compilation node in web config indicates debugging mode is enabled         then clear all transforms  I e  disable Js and CSS minification       if  HttpContext Current IsDebuggingEnabled             BundleTable Bundles ToList   ForEach b   gt  b Transforms Clear                      Add a custom CSS bundle transformer  In my case the transformer replaces a          token in the CSS file with an AppConfig value representing the website URL          in the current environment  E g  www mydevwebsite in Dev and          www myprodwebsite com in Production        BundleTable Bundles ToList              FindAll x   gt  x GetType      typeof StyleBundle              ForEach b   gt  b Transforms Add new MyStyleBundleTransformer

User · Answer

Combine several answers  this works for me in ASP NET MVC 4           bundles Add new ScriptBundle    Scripts Common js                Include    Scripts jquery-1 8 3 js                Include    Scripts zizhujy com js                Include    Scripts Globalize js                Include    Scripts common js                Include    Scripts requireLite requireLite js              bundles Add new StyleBundle    Content appLayoutStyles                Include    Content AppLayout css              bundles Add new StyleBundle    Content css App FunGrapherStyles                Include    Content css Apps FunGrapher css                Include    Content css tables css       if DEBUG         foreach  var bundle in BundleTable Bundles                        bundle Transforms Clear               endif

[asp.net] ASP.NET Bundles how to disable minification

Examples related to asp.net

Examples related to asp.net-mvc

Examples related to asp.net-mvc-4

Examples related to bundle

Examples related to asp.net-optimization