MVC4绑定：由于css3功能的缩小失败？ [英] MVC4 bundling: Minification failed because of css3-feature?

问题描述

我想使用MVC4捆绑和缩小，但我总是得到这个错误消息作为注释在我未缩小的CSS文件：

  / *缩小失败。返回未分类内容。 
（534,29）：运行时错误CSS1019：意外令牌，发现''
（534,29）：运行时错误CSS1019：意外令牌， ，29）：运行时错误CSS1042：预期函数，发现''
（534,29）：运行时错误CSS1062：预期分号或关闭花括号，发现
（535， 26）：运行时错误CSS1019：发现意外令牌''
（535,26）：运行时错误CSS1019：发现意外令牌''
（535,26）：运行时错误CSS1042：预期函数，发现''
（535,26）：运行时错误CSS1062：预期分号或关闭花括号，发现''
（536,25）：运行时错误CSS1019：发现了意外的令牌，
（536,25）：运行时错误CSS1019：发现了意外的令牌''
（536,25）：运行时错误CSS1042： ''
（536,25）：运行时错误CSS1062：预期分号或关闭花括号，发现''
（537,24）：运行时错误CSS1019：意外令牌， '
（537,24）：运行时错误CSS1019：意外令牌，'
（537,24）：运行时错误CSS1042：预期函数， 537,24）：运行时错误CSS1062：预期分号或关闭大括号，发现
 * / 
  

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特性？

我使用 Bundle Transformer 现在结合 YUI Compressor 。这工作真的很好，语法非常类似于微软的方式。

看看吧！

I want to use MVC4 bundling and minification, but I always get this error message as comment in my not minified css file:

/* 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 ' '
 */

The corresponding lines in CSS are:

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

What can I do for minification to work with css3's calc feature?

解决方案

I answer my own question to tell you that I use Bundle Transformer now in connection with YUI Compressor. This works really fine and the syntax is very similar to the Microsoft way.
Have a look at it!

这篇关于MVC4绑定：由于css3功能的缩小失败？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！