Sass,Compass,将所有CSS文件编译为一个

MyM*_*ial 11 sass compass-sass

现在,在我开发项目时,我有三个文件,"main.css","about.css"和"news.css"(例如).有可能将它们编译成一个"final.css"用于生产吗?

hop*_*per 36

SASS import指令用于将一个文件的内容导入另一个文件,因此您可以创建一个文件,final.scss其内容为:

@import 'main';
@import 'about';
@import 'news';
Run Code Online (Sandbox Code Playgroud)

然后,您需要将文件重命名为具有"scss"扩展名,以便import指令可以找到它们.如果你不想main.scss,about.scss以及news.scss文件编译成CSS文件本身,您可以使用谐音用下划线前缀的文件名(即_main.scss,_about.scss,_news.scss).

  • 是的,通常。通过减少每页的HTTP请求数量,将所有CSS组合到一个文件中有助于提高性能。这是一个很好的参考:http://developer.yahoo.com/performance/rules.html#num_http (2认同)