Windows의 NetBeans에서 Sass 자동 빌드 (node-sass)
TIPS
node-sass 실행 파일의 지정은 NetBeans 설정 (모든 프로젝트 공통)이되어 버리므로 프로젝트 외부에 설치하는 것이 좋습니다.
이전 준비
node 설치까지 끝나고 npm을 사용할 수 있는 전제입니다.
아직의 경우 먼저 여기 → Windows에서 nodist를 사용하여 Node 환경 구축
npm -v
> 4.0.5
필요한 것을 설치
## node-sassをインストールするディレクトリに移動
cd C:\node-sassインストール先パス
## npmの初期化(すでに終わっているなら必要ないです)
npm init -y
## node-sassをインストール
npm install --save-dev node-sass
현재 디렉토리의 node_modules
이하에 파일이 되어 있는 것을 확인한다
node_modules.bin\node-sass.cmd
NetBeans 설정
node 설치까지 끝나고 npm을 사용할 수 있는 전제입니다.
아직의 경우 먼저 여기 → Windows에서 nodist를 사용하여 Node 환경 구축
npm -v
> 4.0.5
필요한 것을 설치
## node-sassをインストールするディレクトリに移動
cd C:\node-sassインストール先パス
## npmの初期化(すでに終わっているなら必要ないです)
npm init -y
## node-sassをインストール
npm install --save-dev node-sass
현재 디렉토리의 node_modules
이하에 파일이 되어 있는 것을 확인한다
node_modules.bin\node-sass.cmd
NetBeans 설정
## node-sassをインストールするディレクトリに移動
cd C:\node-sassインストール先パス
## npmの初期化(すでに終わっているなら必要ないです)
npm init -y
## node-sassをインストール
npm install --save-dev node-sass
선택합니다.
지금 이런 화면 (기본 설정)
node-sass.cmd
파일을 지정 ...node-sassインストール先...\node_modules\.bin\node-sass.cmd
--output-style expanded --source-map-contents --source-map-embed
모두 입력이 끝난 화면
「OK」버튼 눌러 다이얼로그 닫으면, 자동적으로 컴파일러가 움직여 css가 출력된다! 하즈!
node-sass의 컴파일러 옵션은 공식 (GitHub)을 타고 있습니다!
node-sass
Reference
이 문제에 관하여(Windows의 NetBeans에서 Sass 자동 빌드 (node-sass)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/RyutaKojima/items/dd0fcff966c92ac9eac6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)