autoprefixer 處理css3的前綴

css3書寫的時候，有時需要加上前綴，比如“-webkit-*、-moz-*”等等，但可能會寫的不完整或者是寫錯，也很麻煩，那么autoprefixer可以處理這些。

autoprefixer是一個后處理程序，不象Sass以及Stylus之類的預處理器。它適用於普通的CSS，可以實現css3代碼自動補全。比如：

a{
  display : flex;
}

處理后：

a{
  display : -webkit-box;
  display : -webkit-flex;
  display : -moz-box;
  display : -ms-flexbox;
  display : flex;
}

autoprefixer同樣會清理過期的前綴，如：

div{
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

編譯后：

div{
  border-radius: 5px;
}

autoprefixer在編譯css的同時，也會修復語法差異。這種方式，CSS是基於最新W3C規范產生。

autoprefixer利用npm安裝配置可參考：https://www.npmjs.com/package/autoprefixer-loader

autoprefixer同時也可以在多種構建工具中使用，如webpack、grunt、glup，可參考：https://github.com/postcss/autoprefixer進行配置

 

參考文章：http://www.cnblogs.com/aNd1coder/archive/2013/08/12/3252690.html