PHPStorm 사용팁을 공유해주세요.
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
scss min option
첨부파일 https://eond.com/phpstorm/430313

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


코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 42 articles in 1 / 3 pages
번호 제목 제목 날짜날짜 조회 수
공지 [단축키] Php스톰 멀티 셀렉트 | PhpStorm Multy Select 및 키보드 단축키 지정하기 파일 [2] 2015/10/29 544
41 [팁] phpstorm 에서 autoprefixer 사용하는 방법 파일 2020/06/07 37
40 [팁] [phpstorm] file watcher - scss - sourcemap 만드는 방법 파일 2019/10/17 199
39 PhpStorm icon file type change 파일 2020/05/07 12
38 [잡담] phpstorm에서 github 커밋, 푸시 해보기 파일 2020/05/07 9
37 PHPStorm에서 깃헙 github 사용하는 방법 파일 2020/05/06 14
36 [phpstorm] [mac] 줄 찾기 단축키 2020/04/10 10
35 [팁] [phpstorm] Using ssh terminal 파일 2020/04/10 8
34 [팁] 자동 줄바꿈 설정 파일 2020/03/06 75
현재글 [스크랩] scss min option 파일 2020/03/03 10
32 [팁] [phpstorm] 에디터에 세로 흰줄, 파일 2020/01/12 30
31 [팁] 새 노트북에 node-scss 환경 세팅하기 파일 2020/01/10 63
30 [팁] PhpStorm Project Path Change / 프로젝트 경로 변경 파일 2020/01/09 7
29 [팁] phpstorm Internal error 파일 2019/11/20 73
28 [팁] 비밀글 [phpstorm] proxy host error 2019/10/05 0
27 [팁] body 태그 아래에  나타나는 현상 고치기 파일 2019/01/28 38
26 [팁] [PHPStorm] Minifying JavaScript 2018/08/27 75
25 [잡담] phpstorm 업데이트 중 ;ㅁ; 파일 2018/08/01 50
24 [잡담] Phpstorm 자동저장 2017/12/11 192
23 [팁] phpstorm 저장시 스페이스바 삭제/줄끝 공백 제거 2017/12/04 556

해시태그 디렉터리