SCSSでVUEの構成

 

 

 

1つのインストール

NPM --save-devのSASS-ローダー// SASS-ローダー依赖于ノード-SASSをインストール

NPM --save-devのノード-SASSをインストール

構成2:webpack.base.conf.js内部の規則の下でビルドフォルダにプロファイルを追加します。

{

  テスト:/\.sass$/、

  ローダー:[ 'スタイル'、 'C​​SS'、 'サス']

私はパッケージを構成していないだろう、なぜ} //が知らない、コンフィギュレーションを使用するのは簡単ではありません

3スタイルのタグを修正APP.vue

<スタイルLANG = "SCSS">

4使用

(1)変数

1-1)変数の使用

SASSは重要な特性として、その人々が恩恵を受けることです作る CSSは変数を導入しています。あなたは、再利用することができます CSSのプロパティ値 変数として定義されたが、その後、このプロパティの値の書き込みを繰り返すことなく、変数名によってそれらを参照してください。また、後にのみ使用するため のプロパティ値の時間、あなたはそれを理解しやすい変数名を付けることができ、人々が一目でプロパティ値を使用することを知っています。

おすすめ

転載: www.cnblogs.com/yangjingyang/p/11586992.html