質問: 最近のフロントエンド開発でよく使われているwebpack ですが、webpackでsassのコンパイルをする必要性がわかりません。 webpackの使い方の記事などで、よくsassのコンパイルし、jsとは分けてcssとして出力する方法などが紹介されています。 jsファイル一つにバンドルするということであれば、webpackでコンパイルする必要があるかと思いますが、 cssとして出力するのであれば、npm scriptや、gulpなどでコンパイルしてしまえばいいのでは?と思いました。 webpackでsassをコンパイルするとなると、node-sassの他に、cssを読み込ませるローダーやプラグイン等が複数必要になります。 webpackを使っているなら、npm scriptを使っていることが多いかと思いますので、 npm scriptから node-sassを呼び出してsassをコンパイルした方が、シンプルかつ、わかりやすい構成になるのではないかと思います。 cssとして出力するという前提で、webpackでsassをコンパイルするメリットは何かありますか? webpackでsassを扱うと、こんなメリットがあるよ!とかあれば教えていただきたいです。 よろしくお願いします。
回答: > > cssとして出力するという前提で、webpackでsassをコンパイルするメリットは何かありますか? > > > Scoped CSSの再現(JavaScriptコンポーネントに当てるCSSを、JavaScriptとセットで名前変換して、他と衝突しないようにする)が可能です。