1つのインストール
NPM --save-devのSASS-ローダー// SASS-ローダー依赖于ノード-SASSをインストール
NPM --save-devのノード-SASSをインストール
構成2:webpack.base.conf.js内部の規則の下でビルドフォルダにプロファイルを追加します。
{
テスト:/\.sass$/、
ローダー:[ 'スタイル'、 'CSS'、 'サス']
私はパッケージを構成していないだろう、なぜ} //が知らない、コンフィギュレーションを使用するのは簡単ではありません
3スタイルのタグを修正APP.vue
<スタイルLANG = "SCSS">
4使用
(1)変数
1-1)変数の使用
SASSは重要な特性として、その人々が恩恵を受けることです作る CSSは変数を導入しています。あなたは、再利用することができます CSSのプロパティ値 変数として定義されたが、その後、このプロパティの値の書き込みを繰り返すことなく、変数名によってそれらを参照してください。また、後にのみ使用するため のプロパティ値の時間、あなたはそれを理解しやすい変数名を付けることができ、人々が一目でプロパティ値を使用することを知っています。