在 ASP.NET MVC 中捆绑时 CSS 没有被缩小答案

【问题标题】：CSS not being minified when bundling in ASP.NET MVC在 ASP.NET MVC 中捆绑时 CSS 没有被缩小
【发布时间】：2018-06-21 00:44:24
【问题描述】：

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

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

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

据我所知，JS 文件正在被捆绑和缩小。您可以通过躲闪路径以及当优化设置为 true 时 JS 文件的大小要小得多这一事实来判断这一点。另外，当我检查响应预览时，我可以清楚地看到 JS 被缩小了。太好了。

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

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

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

/* 缩小失败。返回未缩小的内容。 (8205,78)：运行时错误 CSS1062：预期分号或右花括号，发现 '='/*

【问题讨论】：

【解决方案1】：

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

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

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

编辑

针对您在问题中的编辑，似乎“Bundler & Minifier 不支持带有 css 变量的 CSS 文件”。见这里：

【讨论】：