在 localhost 上使用 Compass sprite 生成答案

【问题标题】：Using Compass sprite generation on localhost在 localhost 上使用 Compass sprite 生成
【发布时间】：2012-12-29 22:27:02
【问题描述】：

我在 Windows 8 上的本地计算机上工作。我使用 XAMPP。

我正在尝试使用 Compass & Sass 生成一个精灵并在我的项目中使用它。精灵生成成功，我可以在图像文件夹中看到它，但是在尝试使用精灵时，精灵出现 404 错误。

它不断尝试从 localhost 获取图像。以http://localhost/images/cb-s2d817fe88b.png 为例。

但我的项目位于http://localhost/projects。这是我的config.rb

http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

这是我的 SCSS 的一个示例：

@import "../images/cb/*.png";

.logo {
    @include cb-sprite('logo');
}

如何才能成功引用精灵？

【问题讨论】：

【解决方案1】：

我遇到了同样的问题，问题是您的配置文件在您进行更改后没有被刷新。您可以在终端或命令行界面上执行此操作

只需 cd 到项目文件夹，然后执行“compass config --force”，这应该会用更改覆盖您当前的配置文件并修复它。

我也意识到这个问题几年前就已经开放了，所以如果已经找到答案，我深表歉意。

谢谢

【讨论】：

【解决方案2】：

尝试更改指南针根目录中.config-rb 文件中的http_path 以反映精灵文件夹的路径：

http_path = "/projects/"

如果这不起作用，请从您的导入语句中删除 ../images/。指南针应该已经在寻找任何设置为images_dir的目录

注意：如果您正在“监视”一个指南针文件夹，则必须启动和停止它才能反映此更改。

最终，最好的解决方案是为您的项目配置一个虚拟主机和域（这样文件就可以是 root / relative），但这应该是一个快速的解决方案。

【讨论】：

好的，所以我更改了“/”路径，图像仍然指向相同的 url。
嗯。您可以尝试将 http_generated_images_path 的声明添加到您的 config.rb 文件中。这将强制生成的精灵 css 使用该路径。
Nope/ 它根本不会改变路径，就像它被缓存一样。试图删除 sasscache 但仍然没有做任何事情。
只是为了好玩，您可以尝试将这些设置中的任何一个更改为“foo”或一些奇怪的东西，以确保配置文件实际上正在影响事物。否则可能是与 ruby 相关的路径问题。