## 一、概述 PostCSS是一个用 JavaScript 工具和插件转换 CSS 代码的工具，类似babel对js的处理，常见的功能如； 1 . 使用下一代css语法； 2 . 自动补全浏览器前缀； 3 . 自动把px代为转换成rem； 4 . css 代码压缩等等； ## 二、与 less sass 的区别 less sass 是预处理器，用来支持扩充css语法； postcss 既不是 预处理器也不是 后处理器，其功能比较广泛，而且重要的一点是，postcss可以和less/sass结合使用； postcss 鼓励开发者使用规范的CSS原生语法编写源代码，支持未来的css语法，就像babel支持ES6。 less、sass 扩展了原生的东西，它把css作为一个子集，但这不好保持向后兼容。 ## 三、安装使用 ``` npm install postcss-loader –save-dev ``` 项目根目录新建 postcss.config.js文件，里面配置一些插件（也可以在webpack中配置）： ``` module.exports = { plugins: { autoprefixer: {} } } ```