sass的编译方式有哪些
sass的编译方式有三个:1.命令行编译,通过输入Sass 指令来编译Sass;2.插件保存编译,需要到vscode的扩展插件当中找到Live Sass Compiler插件安装;3.自动化编译,在webstorm中可以配置。命令行编译是最直接也是最简单的一种编译方式。
1.命令行编译
命令行编译顾名思义就是通过终端控制台进行编译,从而生成所需要的格式。如果是单文件编译,只需要在命令终端输入:
sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css。
而如果想对整个项目所有Sass文件编译成CSS文件,可以这样操作:sass sass/:css/。
上面的命令表示将项目中“sass”文件夹中所有“.scss”(“.sass”)文件编译成“.css”文件,并且将这些CSS 文件都放在项目中“css”文件夹中。
2.插件保存编译
在此先前,我们需要到vscode的扩展插件当中找到Live Sass Compiler插件安装,并到setting.json中进行配置。
打开vscode的setting.json文件,添加以下配置项。添加完成之后,回到需要编译的sass文件中,在vscode右下角会有Watch Sass 字样,它是监测sass文件的,当保存之后自动编译成setting.json定义的格式文件,点击开启即可。
之后就可以随意编写sass文件了,并且在输出控制台会有编译的成功或错误信息,可以及时纠正。
3.自动化编译
在webstorm中可以配置sass的自动编译。首先,在webstorm中打开一个空白项目;然后,新建一个扩展名为.scss的sass文件文件;接下来,webstorm上方会提示,是否自动编译,选择yes;最后,写好sass之后,保存便会自动保存为同名称同目录下的css文件。
延伸阅读
sass是什么意思
sass的全称是“Software as a service”,意思为“软件即服务”;它是一种软件部署模式,第三方供应商在云基础设施上构建应用程序,并以订阅的形式,通过互联网向客户提供这些应用程序,不要求客户预先建设底层基础设施。这意味着软件可以在任何有互联网连接和网络浏览器的设备上访问,而不像传统软件那样只能在本地机器上安装。
SaaS是一种软件部署模式,第三方供应商在云基础设施上构建应用程序,并以订阅的形式,通过互联网向客户提供这些应用程序,不要求客户预先建设底层基础设施。这意味着软件可以在任何有互联网连接和网络浏览器的设备上访问,而不像传统软件那样只能在本地机器上安装。