使用Compass编译多个样式表,使用不同的输出样式和“.min”文件名

时间:2013-07-24 07:44:45

标签: compilation config compass-sass minify

总结:使用Compass,需要使用不同的输出样式和文件名编译两次SASS样式表。

我有这个作为我的config.rb:

http_path           = "/"
css_dir             = "assets/css"
sass_dir            = "assets/sass"
# …more stuff… #
output_style        = :expanded

完美编译

assets 
┗ sass
   ┣ style1.scss
   ┗ style2.scss

assets 
┗ css
   ┣ style1.css
   ┗ style2.css

我需要完成的是这样的输出:

assets 
┗ css
   ┣ style1.css
   ┣ style1.min.css
   ┣ style2.css
   ┗ style2.min.css

其中“.min.css”文件显然包含缩小的CSS。

所以我想我需要提出类似的东西:

on_stylesheet_saved do |filename|
    # switch output_style to :compressed
    # compile again and include ".min" into file name
end

任何人都可以向我提供有关如何实现这一目标的基本样本吗? 到目前为止还没有弄乱ruby,但是通过我在这个主题上所做的所有阅读,我已经基本了解了。 ;) 非常感谢!

2 个答案:

答案 0 :(得分:2)

我建议使用Yeoman或自定义Grunt脚本。如果您更加面向Ruby,也可以使用Rake

答案 1 :(得分:2)

(由于代表无法发表评论)

要回答Kevin Suttle,gulp也可以做这个工作。它有点像grunt,但是在gulp中你会得到一个代码而不是配置,而grunt主要是配置而没有(或几乎没有)代码。

许多文章说人们在一天之内就学会了咕噜声,而他们花了一个小时才学会了吞咽。

取决于你。

PS:是的,该帖子是从2013年开始的,但回答它可能有助于人们遇到相同或类似的问题。