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

最新推荐文章于 2024-08-15 10:01:08 发布

xiaoQinVar

最新推荐文章于 2024-08-15 10:01:08 发布

阅读量727

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_45593068/article/details/118613745

版权

小程序专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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文件
}