我的 scss 结构如下:
嵌套目录 View :
style
sass
components
_somecomponent.scss
_someothercomponent.scss
style.scss
style.css
折叠目录 View :
style/style.css
style/sass/style.scss
style/sass/components/_somecomponent.scss
style/sass/components/_someothercomponent.scss
style.scss
包括_somecomponent.scss
和_someothercomponent.scss
,应该是生成style.css
。它正确地完成了所有这些,但输出文件不在正确的目录中。目前它输出到 style/sass/style.css
.
Webstorm 配置了以下参数:
Program: /usr/bin/sass
Arguments: --no-cache --update $FileName$:$FileNameWithoutExtension$.css
Working directory: $FileDir$
Output path: $FileParentDir$\$FileNameWithoutExtension$.css
phpstorm
标记已被添加,因为它与 webstorm
共享相同的文件观察器。我正在使用带有最新 Webstorm 9.x 的 Mac OS X。
如何修复输出路径?
最佳答案
请相应地更改参数字段:
Program: /usr/bin/sass
Arguments: --no-cache --update $FileName$:$FileParentDir$/$FileNameWithoutExtension$.css
Working directory: $FileDir$
Output path: $FileParentDir$/$FileNameWithoutExtension$.css
“刷新的输出路径”选项不会告诉编译器将生成的文件放在哪里 - 您必须相应地设置程序参数; IDE 使用“输出路径”将其文件系统与外部更改同步 - 您需要确保此处指定的模式与实际编译器输出匹配,以便 IDE 知道在哪里查找生成的文件。 因此,您需要同时修改“参数”和“刷新的输出路径”选项,以在非默认位置创建生成的文件。
关于sass - Webstorm SCSS File Watcher 不尊重父目录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29096157/