PostCSSのビルド速度が遅い原因がわからない

Question

postcss-cliを使ってcssをビルドしてみました。利用したモジュールはpostcss-cssnextです。

実行したコマンドは以下になります。

npm init
npm install --save-dev postcss-cli postcss-cssnext
vi main.css
$(npm bin)/postcss -u postcss-cssnext main.css -o bundle.css

PostCSSはビルド速度が早い印象があり、実際に調べてみるとベンチマークでは40msという驚異的な速度が報告されていたり、こちらのブログの最後でも「コンパイルが早い」といった文面が記載されています。

しかし、自分の環境では4秒〜5秒くらいビルドに時間がかかってしまいました。環境を切り替えても速度に差は見られませんでした。

PostCSSはビルド速度が早いということで注目していまして、場合によってはSassからPostCSSに切り替えることを検討していたのですが、皆さんはもっと早くビルドできるのでしょうか？

ちなみにmain.cssの中身は以下になります。

:root {
  --colMain: #00FFAA;
}

body {
  background: var(--colMain);
}

最終的な目標としましてはパフォーマンスが悪い原因を突き止めることです。原因がわかる方いらっしゃいましたら是非教えていただきたいです。

また、もしよろしければ皆様の環境でも試していただき、ビルドにどれくらい時間がかかるか教えていただけないでしょうか？

よろしくお願いいたします。

Answer 1

関連ある記事を見つけましたので掲載しておきます。
http://blog.greggant.com/posts/2016/05/03/post-css-is-slow.html

Answer 2

根本的な解決にはなってないのですが、webpackに移行してみたところ爆速になりました。
ひとまずこれで開発を続けていきたいと思います。

しかしwebpackにはあまり依存したくないので、解決方法が見つかったら是非回答を投稿していただけると助かります。