Minification failed. Returning unminified contents

Question

I have made my first website using MVC 5 which works fine on my local machine but when I publish it to the server some of the CSS is not minifying correctly.

Answer 1

Minification Problem Solution:

I know Two types of possible that cause optimization problem :

The invalid CSS files that should be validated before bundling. here is W3C CSS validation service to meet this purpose.

Also considering that Microsoft Optimizer reads content of target resources for minification process, so by using some special phrases like @ sourceMappingURL=jquery.min.map in a JavaScript file or @charset "UTF-8"; in a styleSheet file, the Minification will be failed again. So try to remove or comment them.

Note that by default, Bundling process can't build relative path of image resources in css or js files.

Relative Image Path Solution:

You can use the same path as bundling path like:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
       .Include("~/Content/css/jquery-ui/*.css"));

Where you define the bundle on the same path as the source files that made up the bundle, the relative path of image resources will still work( i.e. /bundle can be any name you like).

Or using new CssRewriteUrlTransform() as second parameter like:

bundles.Add(new StyleBundle("~/Content/css/bundle")
    .Include("~/Content/css/*.css", new CssRewriteUrlTransform()));