WebStorm 为 Sass 配置输出路径

Posted

技术标签:

【中文标题】WebStorm 为 Sass 配置输出路径【英文标题】:WebStorm configure output path for Sass 【发布时间】:2016-03-16 02:49:47 【问题描述】:

我有一个关于在 WebStorm 中设置观察器以进行 SCSS 转译的快速问题。

我希望观察者将 scss 文件转译到特定文件夹:

Project/assests/scss/(several scss files) 转译为 Project/src/css/(transpiled css files)

我注意到有$FileNameWithoutExtension$$FileParentDir$ 之类的术语,那是什么语言? :)

非常感谢!

【问题讨论】:

【参考方案1】:

请尝试以下方法:

Arguments: --no-cache --update $FileName$:$ProjectFileDir$/src/css/$FileNameWithoutExtension$.css

Working directory: $FileDir$

Output paths to Refresh: $ProjectFileDir$/src/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/src/css/$FileNameWithoutExtension$.css.map 

【讨论】:

以上是关于WebStorm 为 Sass 配置输出路径的主要内容,如果未能解决你的问题,请参考以下文章

webstorm配置编译sass

ubuntu 18 下配置 WebStorm 编译 sass

webstorm配置sass

webstorm 设置 sass自动编译问题

WebStrom Sass 编译配置 windows

如何为WebStorm设置SASS的File Watchers