如何将scss转换成css文件

html-css0542

如何将scss转换成css文件,第1张

如：在D盘建立一个SASS文件夹，文件夹下有一个style.scss文件（scss，sass都行。sass文件对代码的排版有着非常严格的要求，而且没有大括号，没有分号。scss对代码的要求没那么高。）用下面的方法可以将sass或者scss转换为css文件。

首先输出 D: 代表找到D盘 ；

然后输出cd sass 代表找到sass文件夹，其中cd是一定要的；

最后输出 sass>sass --watch style.scss:style.css 在sass文件夹下将style.scss转换为style.css 。sass --watch代表一直监听着style.scss 只要在编辑器上更新了scss就会自动更新style.css 。

1、koala软件编译

2、sass命令：依靠环境。

自动编译命令：（编译单个文件/编译整个文件夹）

编译单个文件

sass文件目录 sass --watch scss文件的路径:css文件的路径 --style expanded

编译整个文件夹

sass文件目录 sass --watch scss文件夹/. : css文件夹/. --style expanded

3、gulp编译

4、hbulid编译

①　工具--预编译设置

②　新建一个预编译配置 .scss

③　输入触发命令的地址：ruby里面的sass.bat地址

④　命令参数：%FileName% ../css/%FileBaseName%.css