1. 首页
  2. Sass

如何学习Sass和Compass(3)——学习config.rb

config.rb应该是比较重要的东西了吧,打开看看:

(1)需要添加其他要使用的插件时,在这添加:

# Require any additional compass plugins here.

例如:

Require "susy"

(2)定义资源路径:

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"

前面一节那么多创建项目的命令都是可以在这直接手动完成,”/”表示根目录,后面都是相对于根目录来的,当然其他文件夹是可以随意的,多层的,例如:

 # Set this to the root of your project when deployed:

http_path = "/"
css_dir = "themes/css"
sass_dir = "sass"
images_dir = "themes/img"
javascripts_dir = "themes/js"

添加其他的资源也是可以的

fonts_dir="css/fonts" 

(3)设定css的输出样式

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

:expanded表示保持原样,:nested表示嵌套输出,:compact表示紧密输出,:compressed表示压缩输出

(4)打开相对资源路径功能

relative_assets = true

(5)去掉编译时产生的注释 

line_comments = false

评分 0, 满分 5 星
0
0
看完收藏一下,下次也能找得到
上一篇:
:下一篇