微信小程序開發(fā)者工具集成了 vscode 編輯器,可以使用 vscode 中眾多的插件,為我們開發(fā)微信小程序提供了極大的便利。
可以借助 easysass 插件實(shí)現(xiàn)在微信開發(fā)中使用 sass,安裝步驟如下。
1、在 vscode 中搜索 easysass 插件并安裝
2、在微信開發(fā)工具中導(dǎo)入安裝的easysass插件
3、修改 spook.easysass-0.0.6/package.json 文件中的配置
找到這個文件并打開
打開里面的package.json,修改里面的內(nèi)容
按此修改文章來源:http://www.zghlxwxcb.cn/news/detail-489902.html
4、重啟開發(fā)者工具,就可用使用了
重啟項目
在微信開發(fā)工具中:項目->重新打開此項目
使用
新建.scss文件,在此正常寫css樣式,最后保存后會被編譯成.wxss文件文章來源地址http://www.zghlxwxcb.cn/news/detail-489902.html
到了這里,關(guān)于微信小程序使用scss編譯wxss文件的配置步驟的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!