Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Gruntjs 如何设置grunt postCSS选项?_Gruntjs_Postcss - Fatal编程技术网

Gruntjs 如何设置grunt postCSS选项?

Gruntjs 如何设置grunt postCSS选项?,gruntjs,postcss,Gruntjs,Postcss,使用以下代码在我的GrunFile中设置PostCs,主要是为了方便地处理自动刷新和缩小 postcss: { options: { map: false, // inline sourcemaps processors: [ require('autoprefixer-core')({ browsers: ['last 10 versions', 'ie 9'], remove: false, map: true,

使用以下代码在我的GrunFile中设置PostCs,主要是为了方便地处理自动刷新和缩小

postcss: {
  options: {
    map: false, // inline sourcemaps

    processors: [
      require('autoprefixer-core')({
      browsers: ['last 10 versions', 'ie 9'],
      remove: false,
      map: true,
    }), // add vendor prefixes
    require('cssnano')() // minify the result
  ]
},
style: {
  src: '<%= dirs.sassBuild %>/style.css',
  dest: '<%= dirs.publicCss %>/style.min.css'
},
admin: {
  src: '<%= dirs.sassBuild %>/admin.css',
  dest: '<%= dirs.publicCss %>/admin.min.css'
}
邮政编码:{
选项:{
map:false,//内联源映射
处理器:[
需要('autoprefixer-core')({
浏览器:[“最近10个版本”,“ie 9”],
删除:false,
地图:没错,
}),//添加供应商前缀
require('cssnano')()//缩小结果
]
},
风格:{
src:“/style.css”,
dest:“/style.min.css”
},
管理员:{
src:'/admin.css',
dest:“/admin.min.css”
}
},

令我恐惧的是,我发现它破坏了我的RGBA值,使它们成为HSLA,将我精心制作的REM单位转换为pc,调整我的z索引,天知道还有什么

我知道这些都是PostSS的“功能”,我不想要这些

看了一些文档后,我并不清楚a)我可以禁用这种行为,或者b)如何使用grunt


是否有可能收回对这些功能的控制权?

可以在以下位置找到CSSnano的优化:

通过将
选项设置为
false
,可以禁用某些优化。例如,要禁用postcss calc:

require('cssnano')({calc: false}) // minify the result
您还写道,您的
rem
值被转换为
px
值,据我所知,autoprefixer和cssnano均未执行此转换

我发现它破坏了我的RGBA值,使它们成为HSLA

解决这个问题

cssnano({ colormin: false })