更新记录

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, 进群找管理员

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问