如何在没有CDN链接的Grails 2.4.4版本中集成Font-awesome 5.3

时间:2018-09-19 07:00:20

标签: grails font-awesome

我正在尝试在grails 2.4.4版本中集成超棒的5.3,并且我不应该使用cdn链接。 由于grails 2.4.4不具有对字体棒5.3的依赖插件支持,因此我也不能使用依赖插件。

我刚刚下载了捆绑软件,并尝试将所有文​​件复制到我的项目文件夹中,然后将all.css文件导入到我的main.gsp文件中,但这没有用。 还有其他解决方法吗? [OR]将捆绑包文件放入项目时,我做错什么了吗? 有人可以建议我最好的方法

1 个答案:

答案 0 :(得分:2)

Grails 2.4.4已包含asset-pipeline plugin。因此,我采用的过程如下:

  1. /grails-app/assets目录中创建一个通常称为供应商的目录,此处应找到所有css客户端依赖项,就像您的情况font-awesome一样。

  2. /grails-app/assets/stylesheets/application.css文件中包括font-awesome作为依赖项。

完成此操作后,您将可以从依赖于application.css文件的视图中访问图标。

我附个例子

目录树

enter image description here

/grails-app/assets/stylesheets/application.css

/*
*= require main
*= require mobile
*= require fontawesome-free-5.3.1-web/css/all.css
*= require_self
*/

为了进行测试,在本示例中,我在视图h1的{​​{1}}标签中添加了一个图标,该图标从/grails-app/views/layouts/main.gsp扩展到来自/grails-app/views/index.gsp

因此在application.css中,我添加了图标

/grails-app/views/index.gsp

结果

enter image description here