PostCSSについて

PostCSSとは
PostCSSはJavaScriptプラグインを使用して、CSSスタイルシートを変換するためのツール。例えば、変数使用、mixins, ベンダーフィックス、インラインイメージなど 使い方がある。

利点

• フロントエンドワークフローをスピードアップする
• CSSのクォリティーを向上する
• JavaScriptプラグインでCSSを形成する

使い方のポイント
Node.jsモジュールをインストールして使う。200以上のプラグインが用途によって選択できるエコシステム。

PostCSSは CSSfileから javascript-readable dataに変換。 JavaScriptプラグインで変換した PostCSSを実行する。

様々なプラグイン

1. Autoprefixer CSS online
   http://autoprefixer.github.io/

2. CSSnext
   http://cssnext.io/

3. PreCSS
   https://jonathantneal.github.io/precss/

4. stylelint
   http://stylelint.io/

5. PostCSS Assets
   https://github.com/assetsjs/postcss-assets

6. CSSNano
   http://cssnano.co/

7. Font Magician
   https://github.com/jonathantneal/postcss-font-magician