Question

让我给出一些背景知识。我们的grails-app / assets文件夹如下所示

grails-app
-- assets
----stylesheets
------parent.css
------somefolder
---------child.css
----fonts
------HelveticaNeue-Light.otf

我创建了一个FontAssetFile.groovy

package app.asset

import java.util.regex.Pattern

class FontAssetFile extends asset.pipeline.AbstractAssetFile {
    static final List<String> contentType = ['font/opentype']
    static List<String> extensions = ['otf']
    static String compiledExtension = 'otf'
    static processors = []
    Pattern directivePattern = null

    public String directiveForLine (String line) { line }
}

parents.css的内容是

/*
*= require somefolder/child
*= require_self
*/

child.css的内容是

@font-face {
    font-family: "Helvetica Neue Light";
    src: url('../HelveticaNeue-Light.otf');
}

当我在开发环境中运行应用程序时，代码可以引用字体文件，因为浏览器请求127.0.0.1:8080/app/assets/somefolder/child.css

但是当我在生产环境中运行应用程序时，代码无法引用字体文件，因为浏览器现在请求127.0.0.1:8080/app/assets/parent.css child.css文件已编译为一个文件，该文件的内容不在parent.css中这意味着浏览器认为字体文件在assets文件夹之外，因为parent.css内容是

@font-face {
    font-family: "Helvetica Neue Light";
    src: url('../HelveticaNeue-Light.otf');
}

来自文档http://bertramdev.github.io/asset-pipeline/guide/usage.html#linking 我可以看到“....如果我们使用相对路径，资产管道理解这条路径并且可以根据可能需要CSS的任何根文件重新计算新的相对路径” 但是，当代码在child.css文件中引用url时，情况似乎并非如此。

我需要能够在开发和生产环境中引用字体文件。我考虑过在生产中禁用编译，但服务器将为每个资产提供单独的文件。我认为这不是最佳选择。

Answer 1

请升级到最新系列的插件，其中修复了这个重新计算的网址（1.9.9）现在相当老了

Grails Asset Pipeline：重新计算css中的url引用失败

1 个答案: