如何在节点模块的 ejs 文件中使用 font-awesome？答案

【问题标题】：How to use font-awesome in ejs file from node modules?如何在节点模块的 ejs 文件中使用 font-awesome？
【发布时间】：2021-07-31 00:02:23
【问题描述】：

我在我的 nodejs 应用程序中安装了 font-awesome 4.7

我必须在我的 views.ejs 文件中获取它。

我尝试使用标签导入...

<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css" >

从这样的 css 文件中......

@import url('../node_modules/font-awesome/css/font-awesome.min.css');

但他们没有帮助....

查看浏览器的网络选项卡时加载失败...

请帮忙..提前致谢！

【问题讨论】：

fontawesome.com/v4.7.0/get-started
你几乎肯定没有托管你的整个 node_modules 目录。
从这里尝试：fontawesome.com/how-to-use/javascript-api/setup/getting-started
你不能这样做。不起作用。 NodeJS 不会打开 node_modules 文件夹，除非您明确提及 Express 这样做，这是一个高安全威胁，因为它会暴露您的服务器端代码

【解决方案1】：

我有一个使用字体 awesome 的 ejs 应用程序，我只使用 CDN。但 Atheesh Thirumalairajan 的帖子也是一种有效的方式。只需确保您从公用文件夹中提供服务即可。

<script src="https://kit.fontawesome.com/c03ec31dc2.js" crossorigin="anonymous"></script>

【讨论】：

【解决方案2】：

你不需要使用node_modules，简单的方法是从https://fontawesome.com/v4.7.0/get-started/下载Font Awesome

然后，解压public文件夹中的文件（需要在express中定义公共目录）

然后，在 HTML 的 <head></head> 部分中，添加：
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

【讨论】：