Question

使用以下代码在我的gruntfile中设置postCSS，主要是作为处理自动修复和缩小的便捷方式。

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'
}

}，

令我恐惧的是，我发现它破坏了我的RGBA值，使它们成为HSLA，将我精心设计的REM单位转换为pc，调整我的z索引，而且上帝知道还有什么。

我知道这些都是＆＃34;功能＆＃34; postCSS，我都不想要。

看了一些对我来说不明显的文档a）我可以禁用这种行为，或者b）如何用grunt做这件事。

是否可以专门收回对这些功能的控制？

Answer 1

CSSnano的优化可在以下位置找到：http://cssnano.co/optimisations/。

您可以停用一些优化功能，将@Html.BeginForm(actionName, conttrollername)设置为option。所以例如禁用postcss-calc：

false

您还写道，您的require('cssnano')({calc: false}) // minify the result值会转换为rem值，据我所知，autoprefixer和cssnano都没有执行此转换。

Answer 2

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

要解决此问题

cssnano({ colormin: false })

你怎么设置grunt postCSS选项？

2 个答案: