SASS 预处理器静态文件编译为CSS

1、下载scss依赖

npm install sass 

2、执行命令编译scss文件为css文件

// 此时的test相对于是根目录下的test文件
npx sass test.scss test.css 
// 如果文件位置不对  参考下方代码 (此时的css文件夹是根目录下的css文件，
// 终端文件位置是css文件夹的上一级)
npx sass css\index.sass css\index.css

3、监听scss文件实时变化去更新css文件的代码

npx sass --watch index.scss index.css
// 目录问题，依据标题2参考解决

4、默认生成map文件，不想要map文件时

npx sass --watch index.scss index.css --no-source-map

结尾: scss or sass  其实都是scss。 更多的叫法是scss， 名字的区分更多是因为他的版本问题；