vue中使用sass预处理器

Sass（Syntactically Awesome Stylesheets）是一种扩展了CSS的样式表语言，旨在使CSS更加易于维护、可读和可扩展。

SCSS（Sassy CSS）则是Sass的一种语法扩展，它提供了与CSS语法兼容的书写方式，但引入了变量、嵌套规则、混合宏（Mixins）、继承等新特性。

sass-embedded它是一种CSS预处理器，是Sass的一个实现方式。与Sass相比，sass-embedded在编译速度上更快，特别是在处理大型项目时表现更优。

简而言之，Sass是一个概念或语言范畴，SCSS是Sass的一种具体语法风格，而sass-embedded则是Sass的一个高效实现。

npm包名称	说明	状态
sass	项目却叫dart-saas，npm安装的是纯js实现	正常维护
sass-embedded	项目却叫embedded-host-node，npm安装的底层是dart实现，外层暴露了js接口	正常维护
node-sass	底层是c实现，外层暴露了js接口	废弃了

vue2安装sass：

npm install sass sass-loader -D

vue3安装sass：

npm i -D sass-embedded 

vue2和vue3使用方式是一样的：

<style lang='scss'>