怎么将scss文件编译成css文件

问题： 虽然现在大部分使用webpack进行前端的开发，可以安装依赖进行打包，但是也会遇到单纯的css文件的情况，此时如果用css的方式就太难受了。
解决方式：
第一步：装依赖,安装sass依赖，可以推荐全局安装

npm install sass -g

第二步：执行命令

npx sass test.scss test.css

这个命令会将当前目录的test.scss文件编译成test.css文件，当然，你也可以指定文件夹，例如以下命令就是将当前目录的test.scss编译到dist下的test.css文件;

npx sass test.scss dist/test.css

此时已经完成了scss文件的编译，但是有时我们希望当scss文件修改了之后，能自动进行编译，命令如下:

npx sass --watch test.scss dist/test.css

运行这个命令后，当你改动scss文件时，就可以自动编译成css文件；
此时会生成一个map文件，如果不想要，命令如下：

npx sass --watch test.scss dist/test.css --no-source-map