## 一、概述 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: {} } } ```