Npm 在PhpStorm中配置节点sass

我有以下目录结构：

-dir
 --css
 --scss
   --main.scss

现在，在编译完一个文件后，我有：

-dir
 --css
 --scss
   --main.scss
    -main.css

节点sass的My File Watcher设置：

如何将所有

.scss

文件编译到

css

文件夹中

-dir
 --css
   --main.css
 --scss
    main.scss

它可以是smth，如：

参数：

$FileName$--sourcemap=true-o$ProjectFileDir$/css

要刷新的输出路径：

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

工作目录：

$FileDir$

---

如果您需要导航到父文件夹，以下是解决方案

参数：

$FileName$$FileParentDir$\css\$FileNameWithoutExtension$.css

---

输出：

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

节点sass--help

告诉您需要使用

--Output

（或

-o

）参数并指定输出文件夹。在您的情况下，类似于

。\css

的路径应该可以完成任务（假设工作目录将位于源

.scss

文件所在的位置；否则单击

插入宏

按钮并插入最合适的一个）感谢您的回答，但您的参数会在根目录创建一个文件夹，我只需要转到父文件夹，就这样做了，我更改了参数：

$FileName$$FileParentDir$\css\$FileNameWithoutExtension$.css