VUE 3 引入 sass

Sass 与 Scss

Sass(Syntactically Awesome StyleSheets): Sass是一款强化CSS的工具，它可以让我们更好的管理和组织样式文件，提高工作效率。

Scss(Sassy CSS): 是 Sass 3 引入新的语法，是Sassy CSS的简写，是CSS3语法的超集。简单来说，就是Scss基于Sass而产生。

一、安装

npm i sass node-sass sass-loader -D
// OR
yarn add sass node-sass sass-loader -D

二、使用

// 1. 直接在 .vue 文件中使用
<style lang="scss" scoped ></style>

// 2. 或者建立 .scss 后缀名的文件，按照sass的编写规则即可