在ASP.NET MVC中捆绑时，CSS不会被缩小

Question

我有两个大的CSS文件和两个大的JS文件。我已将它们全部包含在您自己的捆绑包中，您可以在下面看到:(注意，只是添加了CssMinify类的使用，看它是否有所作为，它没有＆＃39;

当我启用优化时，我可以在开发工具中看到以下内容：

当我禁用优化时，我可以看到以下内容：

从我所看到的，JS文件被捆绑和缩小。您可以通过躲避路径以及当优化设置为true时JS文件的大小更小的事实来说明这一点。另外，当我检查响应预览时，我可以清楚地看到JS被缩小了。大。

然而，我的CSS并没有被缩小！这应该是显而易见的，因为CSS文件在提供的两个图像中的大小相同。此外，当我检查响应时，显然没有缩小CSS。

我错过了什么？为什么不像我的JS一样缩小我的CSS？

编辑：我刚刚在CSS文件顶部的开发工具预览中找到了其中的8个：

/ *缩小失败。返回未经授权的内容。 （8205,78）：运行时错误CSS1062：预期分号或结束大括号，发现＆＃39; =＆＃39; / *

Answer 1

如果您的任何CSS文件使用@import指令，则已知CSS缩小过程会失败，因为它不会跟随包含。这有两个选择：

（1）不要优化你的CSS文件（特别是如果你不能控制它们）

（2）删除@import语句并合并你的CSS文件

Don’t use import-css directives when bundling

"Unexpected token found" on @import directives

修改

在回答您对问题的编辑时，似乎＆＃34; Bundler＆amp; Minifier不支持带有css变量＆＃34;的CSS文件。见这里：

VS minify css gives error: CSS1062: Expected semicolon or closing curly-brace, found '-'