Do not minify certain files in ASP .NET MVC 4 BundleConfig

Question

I don't want to minify all the files I use in my ASP .NET MVC 4 solution. So for example I have this in my BundleConfig.cs:

bundles.Add(new StyleBundle("~/CSS/bootstrap").Include(
    "~/Content/Bootstrap/body.css",
    "~/Content/Bootstrap/bootstrap-responsive.css",
    "~/Content/Bootstrap/bootstrap-mvc-validation.css",
    "~/Content/Bootstrap/bootstrap-theme.css",
    "~/Content/Bootstrap/bootstrap.css"
    ));

...

And to minify it, of course I use:

BundleTable.EnableOptimizations = true;

So it works great.

But now, how could I minify all my files except one bundle? I have a problem with a bundle that removes some CSS classes and would like to not minify this one.

Any help would be greatly appreciated.

If you rename the file xxxxx.min.css does it still try minify it? — mxmissile
– mxmissile, Commented Jun 13, 2014 at 19:45
Thank you for your answer, but I prefer not to do this, when I update Bootstrap I don't want to have to move and rename files. — Léo Davesne
– Léo Davesne, Commented Jun 16, 2014 at 17:05

Iván Sainz · Accepted Answer · 2015-07-10 12:48:21Z

24

Use Transforms.Clear() to skip minification but keep the files bundled

//declare bundle
var bundle = new ScriptBundle("~/javascripts/ckEditor")
                .Include("~/Scripts/ckeditor/ckeditor.js")
                .Include("~/Scripts/ckeditor/config.js");

//skip transformation. Result is that files are only bundled, but not minified.
bundle.Transforms.Clear();

bundles.Add(bundle);

You also have to eliminate the .min.js files from the directory to prevent the substitution

edited Jul 10, 2015 at 12:48

Iván Sainz

4777 silver badges14 bronze badges

answered Oct 1, 2014 at 13:21

David Votrubec

4,1843 gold badges35 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dudeNumber4 Over a year ago

As noted in this question, just call Bundle instead of ScriptBundle

Lyon · Accepted Answer · 2014-09-12 20:17:48Z

5

I had a similar issue. the solution is to disable and enable minification in the view. for instance

@{
    BundleTable.EnableOptimizations = false;
 }

@Styles.Render("~/layout")
@RenderSection("CSS", false)

@{
    BundleTable.EnableOptimizations = true;
}

answered Sep 12, 2014 at 20:17

Lyon

7218 silver badges11 bronze badges

2 Comments

John Over a year ago

Thread safety = 0. i.e. Page 1 renders some other bundle one page two is rendering layout. Result is page 1 will also get an unminified bundle.

dudeNumber4 Over a year ago

Same comment as above: As noted in this question, just call Bundle instead of ScriptBundle

Léo Davesne · Accepted Answer · 2014-06-16 17:41:31Z

I don't know where the problem comes from but I tried to:

Just bundle, not minify. It doesn't work.

bundles.Add(new Bundle("~/CSS/bootstrap").Include(
    "~/Content/Bootstrap/body.css",
    "~/Content/Bootstrap/bootstrap-responsive.css",
    "~/Content/Bootstrap/bootstrap-mvc-validation.css",
    "~/Content/Bootstrap/bootstrap-theme.css",
    "~/Content/Bootstrap/bootstrap.css"
    ));

Override UI errors. It works but it's just a temporary patch.

Finally, I decided to use standard CSS calls (and put some comments to explain why in the code):

<link rel="stylesheet" href="/Content/Bootstrap/body.css">
<link rel="stylesheet" href="/Content/Bootstrap/bootstrap-responsive.css">
<link rel="stylesheet" href="/Content/Bootstrap/bootstrap-mvc-validation.css">
<link rel="stylesheet" href="/Content/Bootstrap/bootstrap-theme.css">
<link rel="stylesheet" href="/Content/Bootstrap/bootstrap.css">

If you have a better idea, please let us know! :)

Collectives™ on Stack Overflow

Do not minify certain files in ASP .NET MVC 4 BundleConfig

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related