CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

scss min option

2020년 03월 03일

https://www.devinuk.com/en/how-to-set-up-node-js-scss-watcher-in-phpstorm-node-sass/

PhpStorm scss file watcher

If you’re running unix based system like ubuntu or mac, first install globally

npm install node-sass -g

With this command you’ll get full path of node-sass package

which node-sass

which you need to put into Program field, usually it will be:

/usr/local/bin/node-sass

In Arguments if you just want to transpile, simple put:

$FileName$ --output-style compressed $FileDir$/$FileNameWithoutExtension$.css

If you want to transpile and compress, also using min postfix in file name, try this:
$FileName$ --output-style compressed $FileDir$/$FileNameWithoutExtension$.min.css

For generating map file use --source-map true
$FileName$ --source-map true --output-style compressed $FileDir$/$FileNameWithoutExtension$.min.css

For more options please check this https://github.com/sass/node-sass#command-line-interface

Leave the rest of the settings as they are.

Now once you save any .scss file, it should be automatically transpile into the same folder.


https://stackoverflow.com/questions/40579330/minify-css-with-node-sass

https://turfrain.tistory.com/entry/Grunt-설치기본세팅

https://m.blog.naver.com/PostView.nhn?blogId=psj9102&logNo=221172192880&proxyReferer=https%3A%2F%2Fwww.google.com%2F

https://github.com/sass/node-sass/blob/master/bin/node-sass