在Webstorm中配置Compass Watcher
在Webstorm中配置Compass Watcher
楠木楠 发表于11个月前
在Webstorm中配置Compass Watcher
  • 发表于 11个月前
  • 阅读 42
  • 收藏 0
  • 点赞 0
  • 评论 0

结合Webstorm和Compass,完成自动编译Scss文件为css,做个简单的记录。

1 首先用 webstorm 打开创建的 compass 项目,然后依次选择:

File->Settings->File Watchers

点击右边的加号,选择 Compass SCSS 添加一个 watcher :

2 在Program里面选择 ruby 安装路径的 bin 下面的 compass.bat , Arguments目录填入 compile $UnixSeparators($FilePath$)$ ,Working directory填入 $UnixSeparators($FileParentDir$)$ ,Output paths to refresh留空,保存之后就配置完成了。

默认编译的css文件有注释。生产环境需要压缩后的css文件,需要使用--output-style compressed参数。

Compass只编译发生变动的文件,如果你要重新编译未变动的文件,需要使用--force参数。

我的设置看起来是这样的:

如果你的项目不是在根目录的话, Working directory 配置为 $UnixSeparators($FileParentDir$)$ ,或者就直接把 Working directory 配置为 $UnixSeparators($FileParentDir$)$ 吧。

标签: Sass Compass CSS
共有 人打赏支持
粉丝 98
博文 472
码字总数 534361
×
楠木楠
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: