VueJSプロジェクトにsassローダーを導入する方法

こんにちは。KOUKIです。

VueJSにsassローダーを導入し、SASSを使えるようにしましょう!

前提条件

sassモジュールのインストール

sassを導入するには、以下のモジュールが必要です。

webpackコンフィグファイルの作成

続いて、webpackコンフィグファイルを作成して、sassローダーを読み込めるようにします。

sassの導入方法

sassを使うには、styleタグにlang=”scss”を指定する必要があります。

これでOKです!

まとめ

VueJSでsassが使えれば、より効率的なプログラムがかけますね^^

よかったら参考にしてください。

それでは、また!

関連記事

参考書籍