如何在没有cdn的grails 2.4.4版本中集成font-awesome 5.3 link

Question

我正在尝试将 font-awesome 5.3 集成到 grails 2.4.4 版本中，我不应该使用 cdn link。由于 grails 2.4.4 没有对 font-awesome 5.3 的依赖插件支持，我也不能使用依赖插件。

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

Answer 1

Grails 2.4.4 已经包含 asset-pipeline plugin。所以我采用的流程如下：

在 /grails-app/assets 目录中创建一个我通常称为 vendor 的目录，所有 css 客户端依赖项都应位于此处，如您的情况 font-awesome.
在 /grails-app/assets/stylesheets/application.css 文件中包含 font-awesome 作为依赖项。

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

我附上一个例子

目录树

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

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

为了测试，在此示例中，我在视图 /grails-app/views/index.gsp 的 h1 标记中添加了一个图标，该图标从 /grails-app/views/layouts/main.gsp 延伸，而该图标又从 application.css

所以在 /grails-app/views/index.gsp 我添加了图标

<h1>Application Status <i class="fab fa-font-awesome"></i></h1>

结果

How to integrate font-awesome 5.3 in grails 2.4.4 version without cdn link