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

Question

我有两个大型CSS文件和两个大型JS文件。我将它们全部包含在自己的捆绑包中，您可以在下面看到：（请注意，只是添加了CssMinify类的使用，以查看它是否有所不同，没有）

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

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

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

但是，我的CSS尚未缩小！这应该很明显，因为所提供的两个图像中的CSS文件大小相同。另外，当我检查响应时，显然不是缩小的CSS。

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

编辑：在CSS文件顶部的开发工具预览中，我刚刚发现了其中的8种：

/ *缩小失败。返回未缩小的内容。（8205,78）：运行时错误CSS1062：预期的分号或右花括号，找到了'='/ *

Answer 1

如果您的任何 CSS 文件使用 @import 指令，则 CSS 缩小过程将会失败，因为它不会遵循包含。这给你留下了两个选择：

\n\n

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

\n\n

(2) 删除 @import 语句并合并 CSS 文件

\n\n

捆绑时不要使用 import-css 指令

\n\n

@import 指令上“发现意外标记”

\n\n

编辑

\n\n

为了回应您在问题中的编辑，似乎“Bundler & Minifier does\xe2\x80\x99t 支持带有 css 变量的 CSS 文件”。看这里：

\n\n

VS minify css 给出错误： CSS1062：预期分号或结束大括号，发现 \'-\'

\n