如何在rails应用程序的tailwind css中导入font-awesome [关闭]

Posted

技术标签:

【中文标题】如何在rails应用程序的tailwind css中导入font-awesome [关闭]【英文标题】:How to import font-awesome in tailwind css in the rails application [closed] 【发布时间】:2020-01-13 20:08:25 【问题描述】:

我正在尝试在我的使用 tailwind css 框架的 rails 应用程序中导入 font-awesome。不幸的是,我的应用程序中没有显示图标方框。

接下来的步骤:

yarn add --dev @fortawesome/fontawesome-free

application.scss
@import "@fortawesome/fontawesome-free";

我尝试了很多方法但无法显示图标。谁能告诉我如何解决这个问题?

【问题讨论】:

【参考方案1】:

试试这个:

# application.scss
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; 
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';

【讨论】:

如何包含 .css 文件而不是 .scss 文件? 查看link的最后一个答案

以上是关于如何在rails应用程序的tailwind css中导入font-awesome [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Tailwind CSS 读取和解决 Rails 中的 Webpack 错误?

如何将带有 PostCSS 清除的 Tailwind CSS 添加到 Rails 5?

导轨 |如何使用 Tailwind 定位无效输入字段

将 Tailwind 安装到 Ruby on Rails 6 |引擎“节点”与此模块不兼容

如何在 Flutter 应用程序中使用 Tailwind-css

如何使用 Tailwind CSS 创建多个主题?