4

我想使用 MVC4 捆绑和缩小，但我总是在我未缩小的 css 文件中收到此错误消息作为注释：

/* Minification failed. Returning unminified contents.
(534,29): run-time error CSS1019: Unexpected token, found ' '
(534,29): run-time error CSS1019: Unexpected token, found ' '
(534,29): run-time error CSS1042: Expected function, found ' '
(534,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(535,26): run-time error CSS1019: Unexpected token, found ' '
(535,26): run-time error CSS1019: Unexpected token, found ' '
(535,26): run-time error CSS1042: Expected function, found ' '
(535,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(536,25): run-time error CSS1019: Unexpected token, found ' '
(536,25): run-time error CSS1019: Unexpected token, found ' '
(536,25): run-time error CSS1042: Expected function, found ' '
(536,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(537,24): run-time error CSS1019: Unexpected token, found ' '
(537,24): run-time error CSS1019: Unexpected token, found ' '
(537,24): run-time error CSS1042: Expected function, found ' '
(537,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */

CSS中对应的行是：

width: -webkit-calc(100% - 0.5em);
width: -moz-calc(100% - 0.5em);
width: -ms-calc(100% - 0.5em);
width: -o-calc(100% - 0.5em);

我可以做些什么来缩小以使用 css3 的 calc 功能？

4

2 回答 2

1

我不确定您是否能够在当前的实现中使用它。我认为你有两件事对你不利。

  1. 根据http://www.w3.org/standards/techs/css#w3c_all，几乎所有内容仍是工作草案。System.Web.Optimization如果它会发生变化，并且从长远来看会导致更多问题，那么实施某些东西可能不值得。

  2. calc()目前是CSS Values and Units Module Level 3的一部分，其中规定：

    以下功能存在风险，可能会在 CR 期间被丢弃：'calc()'、'toggle()'、'attr()'。

因此，有了这些东西，微软可能还没有走在 CSS3 的前沿。诚然，这很可能是一个错误，因为该语法并非完全没有问题。希望他们尽快开源System.Web.Optimization，以便人们可以解决这样的问题。但他们已经承诺将其开源近一年了。

同时，您可以尝试将文件预先捆绑在您可以对其进行大量控制的机器上。或者可以尝试不同的捆绑/缩小系统，例如Cassette。

于 2013-10-14T13:52:24.123 回答
1

我回答我自己的问题是为了告诉你我现在将Bundle Transformer与YUI Compressor结合使用。这真的很好，语法与微软的方式非常相似。
看看它！

于 2014-07-04T11:09:06.433 回答