更新记录
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"
]
}
离线下载zip包到HBuilderX
- 在此页面,点击【下载插件zip】按钮
- 下载后,将zip包解压到HBuilderX plugins目录
- 进入插件目录,打开终端,执行
npm install
- 如果出现
npm不是内部命令也不是外部命令
,说明本机没有node环境,使用HBuilderX内置的npm、或安装nodejs - 重启HBuilderX
安装失败的解决方法
方法1. 如果无法导入,先检查下HBuilderX版本,使用导入功能,需要升级HBuilderX到2.7.12+
版本
方法2. 点击菜单【帮助】【查看运行日志】,看下日志中的错误。
方法3. 如果系统是windows,使用管理员权限打开HBuilderX
方法4. 如果sass运行,控制台提示 binding.node
相关问题, 参考:此贴第二章
方法5. 或重启HBuilderX在导入插件
方法6. HBuilderX 官方QQ群:1051711389, 进群找管理员