配置
1.打开 Hbuilder x 工具栏-安装插件 选择: 安装scss、 less编译插件和npm插件(如下图)
2.新建scss文件,编写完成后,(右键scss文件 -> 外部命令/插件 -> sass -> 编译scss/sass),即可编译成功,默认与当前scss文件同级
3.修改配置文件,实现保存即编译,将编译后的文件放到自定义目录(less一样)
- 工具 -> 插件配置 -> compile-node-sass -> package.json

修改编译方式:修改command参数如下,expanded为编译方式,可自行修改。修改后重启HBuiderX
"command": "${programPath} ${file} ../css/${fileBasename}.css --output-style expanded",
版本问题
1.错误描述
2.解决办法
到https://github.com/sass/node-sass/releases下载对应的版本
3.将下载的文件放到缺失的地方再次编辑就可以了
版权声明:本文为qq_39958629原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。