2017-12-03 23 views
0

WebStormの内部でCSSssssssファイルをコンパイルするために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ディレクトリに書き込むことにしたいです。 しかし、これは私がWebStorm

/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

:いいえアイデア最新のノード-SASSのバージョン(4.7.2)を使用する場合

以下の設定が私のために正常に動作します。私のノードsass(Windows上で実行)は、可能なオプションとして '--compile'または' --map'を表示しません(npm; node-sass v4.7.2(Wrapper; JavaScript)でインストールされます); libsass v3.5.0.beta 2)。私はこれを "引数"に使用しています: '--source-map true --output。 "Output paths to refresh"フィールド(コンパイルされたファイルはソースの隣の同じフォルダに置かれます)の$ FileName $および$ FileNameWithoutExtension $ .css:$ FileNameWithoutExtension $。 – LazyOne

答えて

1

--compile--maphttps://github.com/sass/node-sass#command-line-interfaceで利用可能なオプションの中で記載されていますどちらの入手コンパイルエラーです。 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$ 
関連する問題