sass 监视文件夹中的文件并缩小，但控制输出文件名

Question

我知道我可以观看文件夹中的单个文件并像这样压缩它:

sass --watch HealthyArticles.scss:HealthyArticles.min.css --style compressed

我希望能够做的是:

sass --watch *.scss:*.min.css --style compressed

问题是我得到了错误:

Errno::EINVAL: Invalid argument - *.scss

重点是控制输出文件名。这可以用 sass 实现吗？

Answer 1

我认为您可能正在寻找 Compass。所有这些东西都被嵌入到 Rails 中，所以我不确定它们是如何链接在一起的，但我相信如果您使用的是 SCSS 而没有围绕它的框架，那么 Compass 就是您所追求的。

从http://compass-style.org/下载并运行这样的东西:

gem install compass 
$ compass create asd --bare --sass-dir "input_directory" --css-dir "output_directory"

你可以在配置文件中设置:

output_style = :compressed

或者，您可以只运行一个脚本来执行类似的操作(这是 Ruby):

files = Dir["/path/to/scss/folder/*.scss"].map do |file|
  "#{file}:#{file.gsub(".scss", ".min.css")}"
end
`sass --watch #{files} --style compressed`