vue での css プリプロセッサ scss の使用

1. CSS プリプロセッサーとは?

   css プリプロセッサは新しい言語を定義し、プログラミング言語で css プログラミング機能を提供するため、開発者は css で変数、単純なロジック プログラム、関数、およびその他のプログラミング言語の機能を使用することもできます。その目的は、CSS 開発をより柔軟かつ強力にすることです。

scss も sass も css プリプロセッサ言語で、sass 3.0 以降のバージョンは scss と呼ばれます。

2. vue での Sass のインストール

デフォルトで最新バージョンがインストールされないようにするには、インストール バージョンを指定します。

npm install [email protected] --save-dev  //将sass编译成css
npm install [email protected] --save-dev   //在node环境下将sass编译成css,sass-loader依赖于node-sass

3.scssの利用

<style lang="scss">

</style>

4. scss の文法規則

詳細については、scss の公式ドキュメントを参照してください。

https://www.sass.hk/docs/