小程序 用ruby把scss文件转为wxss文件

目录

一、需要的工具：

二、配置webstorm

三、导入项目，开始编译。

四、编译单个scss文件

 

---

在小程序项目开发中，在WXSS中会遇到图片不能通过 background:url() 的方式引入，啷个办，用scss去编写，编写好了之后通过ruby把scss文件转为wxss文件。具体操作如下：

一、需要的工具：

webstorm

安装好ruby：

• 下载包

百度网盘链接：https://pan.baidu.com/s/164n6fNerN-7xVqs32njglA 

提取码：nmcn 

• ruby中国官网：https://www.ruby-lang.org/zh_cn/
• 安装ruby

推荐这两个：

https://jingyan.baidu.com/article/0202781129904f1bcc9ce536.html

https://www.cnblogs.com/xuliangxing/p/7132656.html

 

---

二、配置webstorm

文件-->设置-->file watchers

 点击“确定”-->点击“应用”-->点击“确定”-->ok

 

---

三、导入项目，开始编译。

修改scss文件（比如敲个空格），webstorm会自动编译生成对应的wxss文件。

 

---

四、编译单个scss文件

有时候会遇到个别文件没有编译成功，这个时候就要单独编译了。

 点击“确定”-->点击“应用”-->点击“确定”-->ok