Help us understand the problem. What is going on with this article?

webpackでsassとpostcssどちらを選択するのか

More than 1 year has passed since last update.

tips: 個人的に普段感じている内容です

node-sass

  • コンパイルに長めのオーバーヘッド
  • 単純にscssを書ける
  • 導入が楽
  • 一部webpackのプラグインと相性悪く動作停止する

postcss

  • postcssの設定記述が長い
  • コンパイル早い
  • プラグインが多すぎる
  • sass likeに記述できるプラグインの存在

懸念

  • とりあえず両方を導入しようとするとメリットとデメリットで打ち消し合います。
     

  • postcssは資産に対してメンテナンスする必要が発生する一方、
    sassは良い枯れ方で扱われていて楽に運用することができます。
     

  • 実際にsassを書いてnode-sassでコンパイルすると異様なコンパイル時間を体験するでしょう。
    それは同期的に1ファイルずつコンパイルかけている認識です。
    postcssはbabelの様にサクッとコンパイルが完了します。
     

  • postcssはプラグイン何でも導入しようとすると、おそらく失敗します。
    プラグインの開発は1人でしているものから大規模なものまで品質関係なく公開されているためです。
    導入以前からそのプラグインがメンテナンスされているかを認識している必要があります。

結局どちらを選択するのか

postcssを導入して、あの長いnode-sassのコンパイル時間を削減したい思いでpostcssを選択します。

所感

正直デザインを実現するのにnode-sassでもpostcssどちらでも出来るので、コンパイル時間を短縮する労力がコストに見合うかどうかだと思いました。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away