Sass Can'；t在WebStorm内部编译SCS

我正在使用节点sass将scss文件编译为WebStorm内部的css

这些是我的目录中的设置

节目：

/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

/usr/local/bin/node sass--output/Users/melissa/Dropbox/codepen/sample/core fe/css/--compile--map styles.scss
path.js:28
抛出新的TypeError（'路径必须是字符串。已接收'+检查（路径））；
^
TypeError:路径必须是字符串。接收未定义
在assertPath（path.js:28:11）
在Object.extname（path.js:1471:5）
在getOptions（/usr/local/lib/node_modules/node sass/bin/node sass:186:40）
反对。（/usr/local/lib/node_modules/node sass/bin/node sass:368:15）
在模块处编译（Module.js:635:30）
在Object.Module.\u extensions..js（Module.js:646:10）
在Module.load（Module.js:554:32）
在tryModuleLoad时（module.js:497:12）
在Function.Module.\u加载（Module.js:489:3）
位于Function.Module.runMain（Module.js:676:10）
进程已完成，退出代码为1

上的可用选项中既没有列出

--compile

也没有列出

--map

在使用最新的节点sass版本（4.7.2）时，以下设置对我来说很好：

上的可用选项中既没有列出

--compile

也没有列出

--map

在使用最新的节点sass版本（4.7.2）时，以下设置对我来说很好：

---

对于任何面临相同问题且上述答案与您的sass版本不匹配的人，或者如果您使用的是Dart sass，请尝试忽略此部分

--sourcemap=true-o

并按如下方式格式化宏：

Arguments: $FileName$:$ProjectFileDir$/css/$FileNameWithoutExtension$.css
Output Paths to refresh: $ProjectFileDir$/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/css/$FileNameWithoutExtension$.css.map
Working directory: $FileDir$

---

对于任何面临相同问题且上述答案与您的sass版本不匹配的人，或者如果您使用的是Dart sass，请尝试忽略此部分

--sourcemap=true-o

并按如下方式格式化宏：

Arguments: $FileName$:$ProjectFileDir$/css/$FileNameWithoutExtension$.css
Output Paths to refresh: $ProjectFileDir$/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/css/$FileNameWithoutExtension$.css.map
Working directory: $FileDir$

TBH：不知道。我的节点sass（在Windows上运行）不显示

--compile

或

--map

作为可能的选项（通过npm安装；节点sass v4.7.2（包装器；JavaScript）；libsass v3.5.0.beta.2）。我将其用于“参数”：

--source map true--output$文件名$

和

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

用于“要刷新的输出路径”字段（编译的文件被放在源文件旁边的同一文件夹中）。TBH：不知道。我的节点sass（在Windows上运行）不显示

--compile

或

--map

作为可能的选项（通过npm安装；节点sass v4.7.2（包装器；JavaScript）；libsass v3.5.0.beta.2）。我将其用于“参数”：

--source map true--output$文件名$

和

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

用于“要刷新的输出路径”字段（已编译的文件被放在源文件旁边的同一文件夹中）。