理解post-css grunt插件和autoprefixer之间的关系

时间:2015-12-18 10:01:32

标签: javascript gruntjs

嘿伙计们我只是在咕噜咕噜地看着这个强大的插件 HERE ,grunt-postcss。它是一个非常强大的插件,它帮助我在不到一个声音的前面添加一个动画文件(我想这就是grunt的全部内容。)。无论如何,现在我看到以下关于post-css的命令行指令。

$ npm install grunt-postcss pixrem autoprefixer cssnano

如果我没记错的话autoprefixer是一个已被折旧的独立grunt插件,但它与post-css有什么关系呢?还有什么其他插件I.E. pixrem cssnano,与post-css有什么关系?

谢谢。

1 个答案:

答案 0 :(得分:2)

确实autoprefixer是一个独立的插件,但由于性能原因,现在包含在postcss中:

  

与使用单独插件的传统方法不同,grunt-postcss   允许您仅在应用全部时解析并保存CSS   内存中的后处理器,从而减少了构建时间。 PostCSS   也是编写自己的CSS后处理器的简单工具。

https://github.com/nDmitry/grunt-postcss#why-would-i-use-this

还有其他插件,例如:pixremcssnano,与post-css有什么关系?

您可以使用或不使用插件:

  • pixrem:为rem单位添加后备补丁
  • cssnano:缩小结果