更新记录

0.0.4（2020-06-13）

新增 sass编译插件

HBuilderX插件通用注意事项

HBuilderX-2.7.12以下版本安装插件市场内的插件后，卸载时需手动卸载，详细教程参考：如何手动卸载插件

特别说明

• 使用导入功能，需要升级HBuilderX到2.7.12+版本
• 如果是点击【下载插件zip】，此插件解压后，需要手动执行npm install来安装node_modules。建议操作【使用HBuilderX导入插件】

compile-node-sass简介说明

compile-node-sass插件，编译sass/scss为css。

• uni-app项目，会自动编译使用sass的文件。
• 单独编译sass文件。选中sass文件，点击右键菜单 -> 外部命令 -> sass -> 编译scss/sass。

compile-node-sass package.json文件配置项说明

compile-node-sass的配置文件为package.json。

点击菜单工具 -> 插件配置 -> compile-node-sass -> package.json，即可打开package.json文件。

更改配置文件后，需要重启，才能生效

{
    "name": "sass",
    "id": "compile-node-sass",
    "version": "0.0.4",
    "displayName": "scss/sass编译",
    "description": "编译scss/sass为css。uni-app编译或对文件右键-外部命令编译时使用",
    "engines": {
        "HBuilderX": "^1.0.0"
    },
    "external": {
        "type": "node",
        "programPath": "${pluginPath}",
        "executable": "/node_modules/.bin/node-sass",
        "programName": "node-sass-china",
        "commands": [
            {
                "id": "SASS_COMPILE",
                "name": "编译scss/sass",
                "command": [
                    "${programPath}",
                    "${file}",
                    "${fileBasename}.css"
                ],
                "extensions": "scss,sass",
                "key": "",                     // 通过key，可以配置快捷键
                "showInParentMenu": false, 
                "onDidSaveExecution": false    // 配置保存的时候是否触发执行; 默认为false; true: 代表执行
            }
        ]
    },
    "dependencies": {
        "node-sass-china": "^4.7.2"
    },
    "extensionDependencies": [
        "npm"
    ]
}

安装失败的解决方法

1. 如果无法导入，先检查下HBuilderX版本，使用导入功能，需要升级HBuilderX到2.7.12+版本
2. 点击菜单【帮助】【查看运行日志】，看下日志中的错误。
3. 或者在此页面，点击【下载插件zip】,下载后，解压到HBuilderX plugins目录，如果还报错，在sass插件目录，手动执行npm install
4. 如果系统是windows，使用管理员权限打开HBuilderX
5. 如果sass运行，控制台提示 binding.node相关问题, 参考：此贴第二章
6. 或重启HBuilderX在导入插件
7. HBuilderX 官方QQ群：1051711389, 进群找管理员