使用hbuider工具来对scss 或者sass 预编译环境说明

自古美人都是妖i 提交于 2019-12-05 13:09:37
1.使用hbuider工具来对scss 或者sass 预编译环境说明
A.首先需要安装ruby(安装说明:http://www.w3cplus.com/sassguide/install.html),在下载安装ruby时建议下载版本(rubyinstaller-2.1.7-x64)
B.在菜单->工具->预编译器设置->.sass,.scss,点击编辑,弹出对话框.
a.文件后缀不变,为:.sass,.scss
b.触发命令地址填写sass的安装路径,如:我的本机sass路径为:c:\Ruby21-x64\bin\sass.bat

c.命令参数:--no-cache %FileName% ../css/%FileBaseName%.css --style compact


* nested:嵌套缩进的css代码,它是默认值。
* expanded:没有缩进的、扩展的css代码。
* compact:简洁格式的css代码。
* compressed:压缩后的css代码。

----自定义预编译文件路径

--no-cache %ProjectDir%\css\base_style\%FileName% %ProjectDir%\css\%FileBaseName%.css

--no-cache %ProjectDir%\css\scss\%FileName% %ProjectDir%\css\%FileBaseName%.css --style compact



标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!