webstorem node-sass 配置

原创 里羊羊羊 随笔 工具 76阅读 2018-02-02 13:52:02 举报

新公司没用打包工具,不想安装ruby ;
基于node、node-sass、webstorme的scss自动编译;
网上有的文章不全也不准确,于是自己写一个;
1、安装 node、node-scss(自行百度)
2、webstorme--file--setting--tools--file watchers
3、

webstoremnode-sass配置
4、具体配置如下

webstoremnode-sass配置

program:安装的node-sass目录下的node-sass.cmd文件
arguments: $FileName$ $ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css --source-map true
output patchs to refresh:$ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

效果如下:

webstoremnode-sass配置

参考文章:
Sass filewatcher for webstorm

node-sass

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复