Vueはsassを導入し、グローバル変数を構成する

Vueはsassを導入し、グローバル変数を構成する
導入sass
まず、公式に提供された足場vue-cliを使用してフレームワークを構築します.ここでは説明しません.公式サイトを参照してください.
すべての依存をインストールした後、sassの依存パッケージをインストールします.

npm install --save-dev sass-loader
//sass-loader   node-sass
npm install --save-dev node-sass

次にbuildフォルダの下にあるwebpack.base.conf.jsのrulesに構成を追加します.

{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

次にcss langプロパティを追加します.ここではscssであり、cssファイルの接尾辞もscssです.