sass的编译方式有哪些

小编 298

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是一种软件部署模式,第三方供应商在云基础设施上构建应用程序,并以订阅的形式,通过互联网向客户提供这些应用程序,不要求客户预先建设底层基础设施。这意味着软件可以在任何有互联网连接和网络浏览器的设备上访问,而不像传统软件那样只能在本地机器上安装。

回复

我来回复
  • 暂无回复内容

注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部