# Basic configuration.
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

# You can select your preferred output style here (can be overridden via the command line).
# Options: ":expanded", ":nested", ":compact", ":compressed"
output_style = :expanded

# Enable debugging comments that display the original location of your selectors.
line_comments = true

# Re-compile the sass files using the minified configuration.
on_stylesheet_saved do
  `compass compile -c config_minified.rb --force`
end

步骤2:您必须添加另一个配置文件config_minified.rb，它应该如下所示：

# Basic configuration.
http_path = "/"
css_dir = "css/minified"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

# Compressed the output for production.
output_style = :compressed

# Disable debugging comments for production.
line_comments = false

步骤3:像往常一样编译，您已经准备好了：

compass watch

/css/minified/style.css将自动生成。

遵循这些步骤之后，项目应该如下所示：

/css
/css/style.css
/css/minified/style.css
/images
/sass
/sass/style.scss
config.rb
config_minified.rb

编辑

如果不想弄乱每个项目的相对路径，可以修改config_minified.rb，以便使用相对于根文件夹的css文件夹。

# do not use the css_dir = "css/minified" because it will break the images.
css_dir = "css-minified"

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21009134

复制

相似问题

问从Compass/Codekit编译一个SASS到两个具有不同配置的css
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从Compass/Codekit编译一个SASS到两个具有不同配置的cssEN