微信开发者工具使用扩展Live Sass Compiler编译s
2021-12-20 本文已影响0人
MrrrTian
我微信版本号,其他版本自己测试吧
微信版本号
如果不用useCompilerPlugins的话,可参考这方法,project.config.json开启useCompilerPlugins的话这就没用了。。。注意
"useCompilerPlugins": ["sass"]
1. 安装Live Sserver 和 Live Sass Compiler
可选择从vs安装后,再导入
这三种方式可任选其一
不安装Live Sserver的话开发工具会有提示让安装的O(∩_∩)O~~
不想用vs code下载的点这里
提取码:wpfa
2.设置Sass编译方式,可选择不生成source map,没什么用
Ctrl+Shift+Alt+P 输入 setting,打开setting.json
打开json
3.输入设置
可复制代码如下 "liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".wxss",
"savePath": null
}
],
"liveSassCompile.settings.generateMap": false
4.编辑器右下角点这个
(如果没有重启编辑器)
点击Watch Sass
Watching状态后就可以用了。。。over
Watching