[开发工具]vscode开发微信小程序且使用scss

vscode开发微信小程序且使用scss

• 借鉴文章

小程序与vscode与sass的连用👌

• 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运用在新旧东西上🤦?♂? ——全栈菜🐔