参见英文答案 > Import regular CSS file in SCSS file?14个
我试图找出Compass是否可以合并.css文件,而不是在Compass编译.scss文件后使用第三方工具合并.css文件.我环顾网络,但到目前为止还没有.我认为config.rb可能有一个选项,但我找到的只是压缩功能.

有没有人试过这个或者找到了一个适合指南针的第三方工具？

我想在很长一段时间内做同样的事情.我终于找到了以下解决方案.

采用以下结构(即将模块放在sass的子文件夹中)

• project
  • sass
    • modules
      • header.scss
      • blog-posts.scss
      • footer.scss
      • something-else.scss
    • main.scss
  • stylesheets

更新main.scss以包含：

@import 'modules/header.scss';
@import 'modules/blog-posts.scss';
@import 'modules/footer.scss';
@import 'modules/something-else.scss';

运行以下命令(从项目文件夹)以进行构建

compass compile . sass/main.scss -s compressed

这只是编译main.scss,它会导入并导入每个模块.此外,压缩样式选项会缩小输出.

更新1：

我现在安装了IIS6,所以.NET可以处理对.css文件的调用.现在我需要做些什么来改变基于引用URL的css文件？所以如果引用url是http://intranet/,它应该继续调用旧样式表.如果引用url是http://intranetv2/,它应该调用新的样式表.

原题：

的背景：

我有2个搜索引擎. 1是旧的,而另一个是全新的(开发阶段).搜索引擎1位于domain1.com上,搜索引擎2位于domain2.com.两个域都在同一台服务器上.根据用户输入搜索引擎的内容,都可以在domain1.com上搜索网页.两个搜索引擎之间的区别在于,新的搜索引擎更快,产生更准确的结果,并且具有非常大的改进的用户界面.这两个搜索引擎将保持活跃,这样用户就可以在自己的时间内习惯使用新的搜索引擎,而不是仅仅将其投入到最后,并且完全删除旧的搜索引擎.

无论如何,足够的背景,基本上,作为可搜索的页面驻留在旧的域名与旧的搜索引擎,而新的搜索引擎是在新的域名,…

问题：

…我可以使用HttpModule,还是.NET的另一部分,还是IIS6中的某些东西,甚至可以捕获新的搜索引擎生成的页面链接,并动态更改附加到旧域名上旧的可搜索页面的CSS文件？

原因：

实际上,它看起来像一个完整的全新网站,如果旧域名上的搜索引擎用于访问旧域名的页面,则使用旧样式表,但如果新域名上的搜索引擎被用于访问旧域名上的可搜索文件,应使用新的样式表来使旧页面看起来新.由于有大量可搜索的页面,在10,000个区域中,在将样式表添加到页面之前,编辑每个页面以添加if语句以检查引用域名是不现实的选项.

环境：

旧的搜索引擎,以及旧域名上可搜索的页面使用.net 1.something,但新的域名上的新搜索引擎是使用.net 3.5,我使用的是vb.net的asp.net页面.服务器是IIS6服务器.

>在IIS中,设置HttpHandler以接收所需的所有文件类型(说你已经这样做)
> HttpRequest.Url.AbsolutePath上的用户Server.MapPath()获取物理路径
>根据域修改路径
>将文件写入响应流.

这是一个处理程序(简化的),我常规地使用不同域的服务器备份文件：

using System;
using System.IO;
using System.Web;
public class MultiDomainFileHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        string filePath = GetDomainSpecificFilePath(context.Request.Url.Host,context.Server.MapPath(context.Request.Url.AbsolutePath));

        if (File.Exists(filePath))
        {
            switch (Path.GetExtension(filePath).ToLower())
            {
                case ".css": context.Response.ContentType = "text/css"; break;
                case ".jpg":
                case ".jpeg": context.Response.ContentType = "image/jpeg"; break;
                //other types you want to handle
                default: context.Request.ContentType = "application/octet-stream"; break;
            }
            context.Response.WriteFile(filePath); //Write the file to response
        }
        else context.Response.StatusCode = 404;
    }

    private string GetDomainSpecificFilePath(string domain,string originalPath)
    {
        string prefix = "";
        switch (domain.ToLower())
        {
            case "intranetv2": prefix = FILE_PREFIX_INTRANETV2; break;
            case "www.example.com": prefix = FILE_PREFIX_EXAMPLE_DOT_COM; break;
            //other domains you want to handle
        }
        string dir = Path.GetDirectoryName(originalPath);
        string fileName = prefix + Path.GetFileName(originalPath);
        return Path.Combine(dir,fileName);
    }

    const string FILE_PREFIX_INTRANETV2 = "v2.",FILE_PREFIX_EXAMPLE_DOT_COM = "ex.com.";
    public bool IsReusable { get { return false; } }
}

现在,您需要在同一目录中备份文件.例如：

/Images/logo.jpg

/Images/v2.logo.jpg

/Styles/mystyle.css

/Styles/v2.mystyle.css

我希望这有帮助 ：)

指南针使用chunky_png渲染精灵.它向文件的末尾添加一个哈希值,以强制缓存下载新的图像精灵.有没有办法把这个缓存关闭？

不幸的是,asset_cache_buster：none选项不禁止将哈希添加到文件名的末尾.

就像我之前写的(法语),Compass没有办法禁用缓存哈希破解,但是我建议a solution.
在您的配置文件(例如config.rb)中添加以下行：

# Make a copy of sprites with a name that has no uniqueness of the hash.
on_sprite_saved do |filename|
  if File.exists?(filename)
    FileUtils.cp filename,filename.gsub(%r{-s[a-z0-9]{10}\.png$},'.png')
  end
end

# Replace in stylesheets generated references to sprites
# by their counterparts without the hash uniqueness.
on_stylesheet_saved do |filename|
  if File.exists?(filename)
    css = File.read filename
    File.open(filename,'w+') do |f|
      f << css.gsub(%r{-s[a-z0-9]{10}\.png},'.png')
    end
  end
end

现在,使用指南针清除删除生成的文件,并使用罗盘编译重新启动编译.
您可以获取例如images / icons-scb1e5456d5.png文件和images / icons.png文件.在样式表中,所有对sprite的引用现在都指向没有哈希的版本.

确保文件具有提供的哈希值,以通过Compass优化编译时间.

要在多个目录中编译.scss文件,我们需要使用“add_import_path”(http://compass-style.org/help/tutorials/configuration-reference/),但我不明白.

我试过补充一下

additional_import_paths
add_import_path "_themes"
add_import_path = "_themes"
additional_import_paths = "_themes"

在我的config.rb中,但没有运气,Compass仅从sass_dir =“_modules”进行编译

更新：是的,这一行

add_import_path "_themes"

不会给我们“找不到文件夹”错误,但指南针仍然没有编译.scss

我究竟做错了什么？

要编译多个.scss文件,您应该使用@import“filename”;将“子”文件导入“父”SASS文件.

例如,如果你有main.scss,你可能想从一个名为child.scss的子样式表导入更多的CSS,如下所示：

@import "_modules/child";

根据我的理解,add_import_path所做的就是允许您从其他目录导入文件.所以你也可以从_themes / @import /

见this thread.

我觉得自己像个白痴,但我真的无法理解这一点.

我正在使用John Long的常规Twitter Bootstrap项目的Sass Twitter Bootstrap转换.位于这里GitHub

每当我编译它时,我会收到以下错误：

error sass/bootstrap.scss (Line 246 of sass/bootstrap/_mixins.scss: Invalid
CSS after "...-shadow($shadow": expected ")",was "...) { ")
Sass::SyntaxError on line ["246"] of C: Invalid CSS after "...-shadow($shadow":
expected ")",was "...) { "

这是它抱怨的语法：

// Drop shadows
@mixin Box-shadow($shadow...) { 
  -webkit-Box-shadow: $shadow;
     -moz-Box-shadow: $shadow;
          Box-shadow: $shadow;
}

我之前从未在mixin上使用省略号看到过这种语法.

我的问题是如何解决此错误.这显然是我的问题.

我正在使用Compass v0.12.2

这是变量参数的语法： http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_arguments

您将需要升级Sass,因为它是3.2x的新功能.