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,