Mac版webstrom配置scss保存自动编译wxss

流氓凡 技术分享 2021-04-14 4.86 K 0

全局安装sass

sudo npm install node-sass -g --unsafe-perm

然后使用命令

node-sass

查看是否安装成功

webstrom配置

找到:FIle => settings => Tools => File Watchers

image.png

image.png

Program输入刚才全局安装的sass路径,默认是:

/usr/local/lib/node_modules/node-sass/bin/node-sass

Arguments输入的命令是:

--output-style compressed --no-source-map $FileName$ $FileNameWithoutExtension$.wxss

然后点ok即可。这样,每次他自动保存或者你手动保存时,都会重新将这个你保存的scss文件给编译成wxss文件。

评论