Vue.jsのコンポーネントスコープCSSを採用するか否かの判断は、特に慎重になるべきと考えているのですがどうでしょうか？

Question

スコープ付き CSS · vue-loader

Vue.jsの単一ファイルコンポーネントにてサポートされているコンポーネントスコープCSSはwebpackに依存しており、webpackが廃れた際に大きな負債となることが予想されると思っています。
そのため、使うことに対して慎重になったほうが良いと思うのですがどうでしょうか？

コンポーネントスコープCSSを使わなくても「コンポーネントのCSSはコンポーネント名をBlock名としたBEMで記述する」という規約だけ遵守しておけば、ほとんど問題ないと思っています。

意見頂ければ幸いです。

Answer 1

webpackが廃れる頃にはVue.jsも廃れてるのでどうせ全部作り直しです。

なので今便利なものを使う。

Answer 2

もうwebpackが廃れたら、新しいビルドツールでその互換性を保つツールが出るのが通例なので、気にせず使えばいいと思います。
ただ部品にデザインを閉じ込めると、それって使い回しが効く部品になるよねというのが趣旨なので、それにそわずに何でもかんでもscopedにしちゃうのは良くないのかなと思います。
積極的に使うべきなのはAtomic DesignにおけるAtomとMoluculesまでかと思っています。