BundleTable.EnableOptimizations true breaks jquery-ui all.css

Question

In an Asp.Net MVC 5 application, I am creating a style bundle in my egisterBundles method.
I\'m using jquery-ui.
Instead of listing all

Answer 1

According to this answer the default minifier simply does not support the @import directive:

MVC4 bundling CSS failed Unexpected token, found '@import'

Also, the jquery-ui css files contain relative paths to images, so the virtual path of the bundle must allow the browser to find the relative path to the images, for example:

bundles.Add(new StyleBundle("~/Content/themes/base/jqueryui")
   .Include("~/Content/themes/base/core.css" [and other desired css files]));

And on the cshtml page:

@Styles.Render("~/Content/themes/base/jqueryui")

See this link for explication: MVC4 StyleBundle not resolving images