新公司没用打包工具, 不想安装 ruby ;
基于 node,node-sass,webstorme 的 sCSS 自动编译;
网上有的文章不全也不准确, 于是自己写一个;
1, 安装 node,node-scss(自行百度)
,webstorme--file--setting--tools--file watchers
,
4, 具体配置如下
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
效果如下:
参考文章:
Sass filewatcher for webstorm node-sass
来源: http://www.qdfuns.com/notes/36895/475c2758c7d95631a68b3c3cacb4e5b8.html