小程序支持Scss

第一步：从 VSCode 中下载插件 Live Sass Compiler
第二步：打开 小程序的 扩展，然后导入 VSCode

打开扩展

选择导入 vscode扩展

第三步：新建 .vscode 文件夹，其中创建 settings.json 文件

新建文件并写代码

{
    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".wxss",
            "savePath": null
        }
    ],
    "liveSassCompile.settings.generateMap": false
}

第四步：开启监听。点击“Watch Sass” 监听 Sass。

开启监听

文件结构

扩展：
现在解析的 scss代码中，会有兼容性代码产生。
css兼容性前缀，-webkit-，-moz-，-ms，-o-等
如不需要生成兼容性的代码，用以下配置文件

{
    "liveSassCompile.settings.formats": [{
        "format": "expanded",
        "extensionName": ".wxss",
        "savePath": null
    }],
    "liveSassCompile.settings.autoprefix": [ // 这里为空将不会有兼容性代码产生
    ],
    "liveSassCompile.settings.generateMap": false
}

如果对你有帮助，点个赞再走呗~

【信息由网络或者个人提供，如有涉及版权请联系COOY资源网邮箱处理】