ASP.Net MVC Bundler not including my .min file in Release

Question

I have an issue with the mvc4 bundler not including a file with extension .min.js. In my Scripts folder i have two files: bootstrap.js, bootstrap.min.js

In my BundleConfig class, I declare

#if !DEBUG BundleTable.EnableOptimizations = true; #endif bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include("~/Scripts/bootstrap.js"));

When running in Debug it renders as expected:

<script src="/Scripts/bootstrap.js"></script>

When running in Release it renders as:

<script src="/bundles/bootstrap?v=57XuMf8ytOYgVErEDhgFDRtQ5jlC48bryka4m2DVq_M1"></script>

Why doesn't it render as:

<script src="/Scripts/bootstrap.min.js"></script>

When creating a new question, StackOverflow suggests existing questions that may provide the answer. Please pay attention to these and only post a new question if you still cannot find the answer. Google is also a very useful tool for this as StackOverflow questions rank very well in Google. — Chris Pratt
– Chris Pratt, Commented Jun 11, 2013 at 17:16

Darin Dimitrov · Accepted Answer · 2013-06-11 07:27:20Z

Why doesn't it render as: <script src="/Scripts/bootstrap.min.js"></script>

Because that's how bundling works in ASP.NET MVC 4. Don't worry, the contents of this /bundles/bootstrap?v=57XuMf8ytOYgVErEDhgFDRtQ5jlC48bryka4m2DVq_M1 is exactly the contents of the /Scripts/bootstrap.min.js. In this case the bundling mechanism hasn't minified the /Scripts/bootstrap.js file but used the already minified version.

The rendered code actually differs from the bootstrap.min.js file and the rendering takes 230ms. The min.js file starts with: !function(a){a(function(){"use strict" The rendered file starts with: !function(n){n(function(){n.support.transition

Jason Li · Accepted Answer · 2013-06-11 07:34:12Z

The reason you want to use bundles.

Declare one statement but generates multiple import resources codes.
Minify your js or css code
Bundle mutiple files into one file which will reduce the browser request number.
Bundle will give the request url a suffix which is generated based on the files. So if you don't cache the page, there will be no js/css cache problem, you don't need to clear browser cache.

By default, when you're in debug mode (you can modify your Web.config to set if enable DEBUG), the js/css files will not be bundled, so you can see the files seperately which will make it easier to debug.

When it's not debug enabled, the files will be bundled.

So if you already have .min.js files, you can import them directly in your page.

Collectives™ on Stack Overflow

ASP.Net MVC Bundler not including my .min file in Release

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related