こんにちは、お読みいただきありがとうございます。 ケン(@gootablog)です。 ここ最近はVue.jsを書いています。 スタイルのコーディングは変数や関数も作れて便利なSassを使うことが多いです。 SassをVue.jsで使うのは簡単ですが、変数などの扱いに困ってました。 最上位層のApp.vueにインポートするとスコープ使えないしどうしようと思ってましたが調べたらグローバルに設定できる方法があったので書いていきます。 Vue.jsのバージョンとディレクトリ構成 今回試してるVue.jsとwebpackのバージョンはこれ "vue": "^2.5.17" "webpack": "^3.6.0" 公式のvue-cliというコマンドラインインターフェースからvue init webpackを実行してプロジェクトを作っています。 sass-resources-loaderのインストール