vscode开发微信小程序且使用scss
- 借鉴文章
- vscode插件(核心):Live Scss Compiler监听scss文件并编译
- 在小程序项目中新建
.vscode
文件夹,用于配置Live Scss Compiler插件编译成的文件
将下面这段JSON复制到setting.json
{
"liveSassCompile.settings.formats": [
{
"format": "expanded", // sass编译后的文件是展开的
"extensionName": ".wxss", // 编译后后缀名 xxx.scss => xxx.wxss
"savePath": null // 编译后的文件路径, 为null 默认为scss文件同级
}
],
"liveSassCompile.settings.generateMap": false // 去掉map文件
}
- 在scss文件中开启插件
- 编译后的文件
- 完成😜
致力于学的ts、scss运用在新旧东西上🤦♂️ ——全栈菜🐔