title: MVC4 bundling CSS failed Unexpected token, found '@import'
body: <p>I'm trying to use bundling to combine &amp; minify some CSS files. In my Global.aspx.cs <code>Application_Start</code> I have the following:</p>
  
  <pre><code>    var jsBundle = new Bundle("~/JSBundle", new JsMinify());
      jsBundle.AddDirectory("~/Scripts/", "*.js", false);
      jsBundle.AddFile("~/Scripts/KendoUI/jquery.min.js");
      jsBundle.AddFile("~/Scripts/KendoUI/kendo.web.min.js");
      BundleTable.Bundles.Add(jsBundle);
  
      var cssBundle = new Bundle("~/CSSBundle", new CssMinify());
      cssBundle.AddDirectory("~/Content/", "*.css", false);
      cssBundle.AddDirectory("~/Content/themes/base/", "*.css", false);
      cssBundle.AddFile("~/Styles/KendoUI/kendo.common.min.css");
      cssBundle.AddFile("~/Styles/KendoUI/kendo.default.min.css");
      BundleTable.Bundles.Add(cssBundle);
  </code></pre>
  
  <p>And in my .cshtml file I have the following:</p>
  
  <pre><code>&lt;link href="/CSSBundle" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="/JSBundle" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>However, when I view the source of my bundles CSS file, it has the following:</p>
  
  <pre><code>/* Minification failed. Returning unminified contents.
  (40,1): run-time error CSS1019: Unexpected token, found '@import'
  (40,9): run-time error CSS1019: Unexpected token, found '"jquery.ui.base.css"'
  </code></pre>
  
  <p>.... lots more</p>
  
  <p>Any ideas on how to resolve this?</p>
  
  <p>I did narrow it down to the following line:</p>
  
  <pre><code>cssBundle.AddDirectory("~/Content/themes/base/", "*.css", false);
  </code></pre>
  
  <p>If I only have that line of code I get the same errors.</p>