javascript - 在 ASP.NET MVC 中 bundle 时 CSS 没有被缩小

Question

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



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



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



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

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

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

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

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

Answer 1

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

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

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

Don’t use import-css directives when bundling

"Unexpected token found" on @import directives

编辑

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

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