WebStorm配置Sass的输出路径 [英] WebStorm configure output path for Sass

问题描述

我想让观察者将scss文件传输到特定的文件夹：

p>

项目/ assests / scss /（几个scss文件）
transpile to
Project / src / css /（transpiled css files）

我注意到有 $ FileNameWithoutExtension $ 或 $ FileParentDir $ ，这是什么语言？ ：）

非常感谢！

解决方案

 参数：--no-cache --update $ FileName $：$ ProjectFileDir $ / src / css / $ FileNameWithoutExtension $的.css 
 
工作目录：$ FILEDIR $ 
 
输出路径刷新：$ ProjectFileDir $ / src目录/ CSS / $ FileNameWithoutExtension $的.css：$ ProjectFileDir $ / src目录/ CSS /$FileNameWithoutExtension$.css.map 
  

I've a quick question about setting up a watcher in WebStorm for SCSS transpiling.

I want the watcher to transpile scss files to a specific folder:

Project/assests/scss/(several scss files) transpile to Project/src/css/(transpiled css files)

I noticed that there are terms like $FileNameWithoutExtension$ or $FileParentDir$, what language is that? :)

Thanks a lot!

解决方案

Please try the following:

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的输出路径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！