通過我的簡(jiǎn)單的介紹, 不知道你的問題解決沒, 思路回顧:

經(jīng)過我的反復(fù)大量的測(cè)試, 初步推斷, 插件與autoprefixer有沖突, 調(diào)整了autoprefixer的順序后, 即可編譯, 當(dāng)然cssnano也會(huì)導(dǎo)致問題存在. 具體優(yōu)化方案有待調(diào)整, 我發(fā)布了分支postcss-neat你可以參考下.

我又測(cè)了一會(huì), 當(dāng)然也有可能和其他插件有沖突, 比如你使用的px2rem, 我這里就不再測(cè)試了, 給你的建議就是:

• 搞清楚PostCSS的插件的執(zhí)行方式和流程, 知道自己用的插件究竟是什么目的, 參閱PostCSS自學(xué)筆記（二）【番外篇二】
• 實(shí)在不知道的情況下, 還是搞一個(gè)簡(jiǎn)單的demo比如我剛提到的我那個(gè)分支, 有時(shí)候感覺很麻煩, 但是他更容易解決問題, 并帶來意想不到的收獲?

然后根據(jù)你這個(gè)真實(shí)環(huán)境, 我測(cè)了一下. 也發(fā)布了有一個(gè)分支=- =postcss-salad.

的確還是插件執(zhí)行順序問題. 我這里編譯正常, 我的postcss.config.js如下:

module.exports = {
  parser: 'postcss-scss',
  plugins: [
    require('postcss-plugin-px2rem'),
    require('postcss-salad'),
    require('postcss-neat')
  ]
};

另外你在學(xué)習(xí)使用過程中, 多看看插件文檔, 比如這個(gè)餓了么的這個(gè)salad, 包含以下這些插件https://github.com/ElemeFE/po..., 有時(shí)候也許這里面的插件也會(huì)和其他插件發(fā)生沖突, 所以需要注意.

希望有所幫助~