2017-12-03 7 views
0

WebStorm 내부에서 CSS 파일을 컴파일하기 위해 node-sass를 사용하고 있습니다.WebStorm 내부에서 SCSS를 컴파일 할 수 없습니다.

다음은 내 디렉토리에있는 내 설정입니다.

프로그램 :

/usr/local/bin/node-sass 

인수 :

--output $ProjectFileDir$/css/ --compile --map $FileName$ 

출력 경로가 새로 고침 :

$ProjectFileDir$/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/css/$FileNameWithoutExtension$.map 

나는 CSS 파일을 루트 아래 CSS를 디렉토리에 작성되어야합니다. 그러나 이것은 내가

/usr/local/bin/node-sass --output /Users/melissa/Dropbox/codepen/sample/core-fe/css/ --compile --map styles.scss 
path.js:28 
    throw new TypeError('Path must be a string. Received ' + inspect(path)); 
    ^

TypeError: Path must be a string. Received undefined 
    at assertPath (path.js:28:11) 
    at Object.extname (path.js:1471:5) 
    at getOptions (/usr/local/lib/node_modules/node-sass/bin/node-sass:186:40) 
    at Object.<anonymous> (/usr/local/lib/node_modules/node-sass/bin/node-sass:368:15) 
    at Module._compile (module.js:635:30) 
    at Object.Module._extensions..js (module.js:646:10) 
    at Module.load (module.js:554:32) 
    at tryModuleLoad (module.js:497:12) 
    at Function.Module._load (module.js:489:3) 
    at Function.Module.runMain (module.js:676:10) 

Process finished with exit code 1 
+2

: 아무 생각이 가장 최근의 노드 말대꾸 버전 (4.7.2)를 사용할 때

다음 설정은 나를 위해 잘 작동합니다. 내 노드 -sass (Windows에서 실행)는 가능한 옵션으로 --compile 또는 -map을 표시하지 않습니다 (npm, node-sass v4.7.2 (Wrapper; JavaScript)를 통해 설치됨), libsass v3.5.0.beta .2). 나는 이것을 "Arguments"에 사용하고있다 :'--source-map true --output. "출력 경로 새로 고침"필드 (컴파일 된 파일은 원본 옆의 동일한 폴더에 저장 됨)에 대해 $ FileName $ 및 $ FileNameWithoutExtension $ .css : $ FileNameWithoutExtension $. – LazyOne

답변

1

어느 --compile--maphttps://github.com/sass/node-sass#command-line-interface에서 사용할 수있는 옵션 중에서 나와있는 WebStorm의 수 컴파일 오류입니다. TBH

Arguments: $FileName$ --source-map=true -o $ProjectFileDir$/css 
Output Paths to refresh: $ProjectFileDir$/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/css/$FileNameWithoutExtension$.css.map 
Working directory: $FileDir$