Fontawesome pro 和 rails 6答案

【问题标题】：Fontawesome pro and rails 6Fontawesome pro 和 rails 6
【发布时间】：2020-01-28 02:24:56
【问题描述】：

我正在尝试让 fontawesome pro 使用 rails 6。

我成功地使用 rails 6 和 webpacker 获得了无字体功能，但我无法让 webpacker 使用 fa-pro 成功编译。我尝试使用类似下面的代码进行调整以使 webpack 进行编译，但没有成功。

我已经通过 Yarn 安装了以下 node_modules

太棒了
fontawesome-commont-types
免费品牌 svg 图标
pro-light-svg-icons
pro-regular-svg-icons
pro-solid-svg-icons

app/javascript/stylesheets/application.scss


@import "~bootstrap/scss/bootstrap";
$fa-font-path: '~@fortawesome/<NOT SURE>';
@import '~@fortawesome/fontawesome-common-types';
@import '~@fortawesome/free-brands-svg-icons';
@import '~@fortawesome/pro-light-svg-icons';
@import '~@fortawesome/pro-regular-svg-icons';
@import '~@fortawesome/pro-solid-svg-icons';

我还在项目 .npmrc 中添加了以下内容 @fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=TOKEN HIDDEN

不知道我错过了什么。任何想法或方向将不胜感激。

【问题讨论】：

标签： font-awesome ruby-on-rails-6

【解决方案1】：

在 application.js 中：

import("@fortawesome/fontawesome-pro/js/all");

据此：

https://medium.com/@kelishrestha97/how-to-install-font-awesome-with-yarn-in-rails-6-0-c2506543c13d

【讨论】：

【解决方案2】：

原来我有几个不同的问题。根据这篇文章here 在我的项目 .npmrc 文件中放置“@fortawesome:registry=https://npm.fontawesome.com/”不允许我通过纱线下载。

现在，我已经安装了以下 package.json

"@fortawesome/fontawesome-pro": "^5.11.2",
"@fortawesome/fontawesome-svg-core": "^1.2.25",
"@fortawesome/free-regular-svg-icons": "^5.11.2",
"@fortawesome/free-solid-svg-icons": "^5.11.2",
"@fortawesome/fontawesome-free": "^5.11.2",
"@fortawesome/free-brands-svg-icons": "^5.11.2",
"@fortawesome/pro-light-svg-icons": "^5.11.2",
"@fortawesome/pro-regular-svg-icons": "^5.11.2",
"@fortawesome/pro-solid-svg-icons": "^5.11.2",

从这里我将正确的导入添加到我的 /app/javascripts/packs/application.js

import { library, dom } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/pro-solid-svg-icons'
library.add(fas)
dom.watch()

基本上，我按照上面列出的帖子和this 的帖子来指出正确的方向。

【讨论】：