이전 준비

node 설치까지 끝나고 npm을 사용할 수 있는 전제입니다.
아직의 경우 먼저 여기 → Windows에서 nodist를 사용하여 Node 환경 구축

npm -v
> 4.0.5

필요한 것을 설치

## プロジェクトのディレクトリに移動 
cd C:\プロジェクトパス

## npmの初期化(すでに終わっているなら必要ないです)
npm init -y

## node-sassをインストール
npm install --save-dev node-sass

현재 디렉토리의 node_modules 이하에 파일이 되어 있는 것을 확인한다
node_modules.bin\node-sass.cmd

PhpStorm 설정

설정을 열려면 둘 중 하나를 실행합니다.

키보드 단축키 Ctrl + Alt + S

메뉴 File > Settings 선택

대화 상자가 열리면 File Watchers 항목을 엽니다.Tools > File Watchers

오른쪽 상단의 "+"버튼을 누르고 <custom>

Name를 적절히 붙입니다.

견본은 node-sass로 만들었습니다.

Filetypes:

SCSS

Scope:

Project Files

Program:

C:\～～node-sassインストールしたパス～～\node_modules\.bin\node-sass.cmd

Arguments:

--output-style expanded --source-map-contents --source-map-embed $ProjectFileDir$/src/sass -o $ProjectFileDir$/docs/css/

□Immediate file synchronization

체크를 해제합니다

하기 구성시의 샘플입니다. 경로는 환경에 따라 변경하십시오.
sass 파일의 위치:/src/sass
css 파일의 출력 위치 :/docs/css/

OK를 눌러 확인합니다.

.scss 파일을 업데이트하면 node-sass가 이동하여 css 파일이 생성됩니다.

문제점

Sass 파일 하나만 편집하면 모든 파일이 빌드 대상이됩니다.