gulp/webpack项目的某些模块在编译手写笔时为@media设置了0\\0的额外空间

Question

gulp/webpack项目的某些模块在将手写笔编译为css时为@media设置0\0的空格

all and (min-width:0\0) and (min-resolution:.001dpcm)

我得到的是：

@media all and (min-width: 0 \ 0) and (min-resolution: 0.001dpcm) {

0\0不能工作，只有0\0起作用！哪个模块可以增加这些额外的空间？以及如何消除它们？你能强迫它像我写的那样使用媒体字符串吗？

下面是我的一些项目模块：

"eslint-loader": "^1.1.1",
"gulp-combine-mq": "^0.4.0",
"gulp-cssnano": "^2.0.0",
"gulp-filter": "^3.0.1",
"gulp-group-css-media-queries": "^1.1.0",
"gulp-stylint": "^3.0.0",
"gulp-stylus": "^2.1.0",
"merge-stream": "^1.0.0",
"stylint-stylish": "^1.2.0",
"stylus": "^0.54.5",

Answer 1

您可以使用css文字防止手写笔转换您的规则：

@css{
  @media all and (min-width:0\0) and (min-resolution:.001dpcm){
    //your css code here
  }
}

你就会得到：

 @media all and (min-width:0\0) and (min-resolution:.001dpcm){
   //your css code here
 }

您还可以使用内插：

@media all and ({"min-width:0\0"}) and (min-resolution:.001dpcm)