0

在我的 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-index，天知道还有什么。

我知道这些都是 postCSS 的“功能”，我都不想要。

看过一些文档后，对我来说并不明显 a) 我可以禁用这种行为，或者 b) 如何使用 grunt 来做到这一点。

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

4

2 回答 2

1

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

要解决此使用

cssnano({ colormin: false })
于 2016-02-11T08:43:38.810 回答
1

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

您可以禁用一些优化设置option为false. 因此，例如禁用 postcss-calc：

require('cssnano')({calc: false}) // minify the result

您还写道，据我所知，您的rem值已转换为px值，autoprefixer 和 cssnano 都不会执行此转换。

于 2015-12-01T20:59:37.937 回答