sass文件的编译

HubilderX中编译sass文件

前提：

　　sass环境已搭建成功

　　HbuilderX插件已安装scss/sass编译

编译：

.scss文件右键--》外部命令/插件--》sass--》编译sass/scss

成功后控制台输出成功提示：Wrote CSS to /...文件路径，默认在当前文件夹相同目录

ts:

sass有两种后缀名文件：一种后缀名为sass，语法要求不使用大括号和分号；

另一种就是我scss文件，这种和我们平时写的CSS文件格式差不多，使用大括号和分号。

因此常用后缀为.scss的文件，符合平常书写习惯

其他编译方法：

　　1、sass命令行工具

　　2、gulp

　　3、开发工具插件（hbuilder,vscode插件Live Sass Compiler)

　　4、webpack等。

学习阶段直接用开发工具的插件自动生成即可。如果在项目阶段使用，那肯定有自动化的流程构建工具比如：gulp、webpack都有对应的插件或者loader，直接对应配置即可。

保存文件自动编译：

　　设置package.json文件,false改为true

　　"onDidSaveExecution":true,