css - 用 Sass 编译 2 个 css 文件

Question

每次保存 style.sass 文件时，我都想编译两个 .css 文件

例如 ：

style.dev.css 用于使用这些选项进行开发：

sass_options = {:debug_info => true}

和 style.css 使用这些选项进行生产：

sass_options = {:debug_info => false}
output_style = :compressed
line_comments = false

目标是在我的本地机器上有一个 firesass 就绪的 css 文件和 svn 上的压缩版本。目前，每次我想在 svn 上提交我的更改时，我都必须编辑 config.rb。

可能吗 ？

Answer 1

首先，正如bookcasey已经提到的，您不应该将编译后的 CSS 存储在版本控制中。

要部署前端，请使用 git hooks：Automatically Recompile SASS on Deployment Using Git Hooks。

其次，您建议的解决方案不会解决每次编辑配置的麻烦。它只是代替编辑config.rb，您必须编辑您的 HTML 以加载必要的 CSS 文件。

但是有一个方便的解决方法。

1）修改你config.rb的使用environment标志：

if environment == :development
  sass_options  = {:debug_info => false}
  output_style  = :compressed
  line_comments = false
else
  sass_options  = {:debug_info => true}
end

2) 为开发环境编译 SASS，compass compile -e development为生产环境编译 vanilla compass compile。

耶！