Font Awesome 5 fa-github，fa-twitter等不工作（正方形）

Question

我有一个网站，使用webpack进行设置。我添加了Font Awesome Pro并为其配置了全局令牌。所以Pro Icons正在运作。

但有些情况并非如object或fa-github。而这些甚至是免费的图标。几天前他们工作了。

这是我的代码如何设置一切：

的package.json：

fa-twitter

main.scss：

"dependencies": {
    "@fortawesome/fontawesome": "^1.1.5",
    "@fortawesome/fontawesome-free-brands": "^5.0.9",
    "@fortawesome/fontawesome-pro-light": "^5.0.9",
    "@fortawesome/fontawesome-pro-regular": "^5.0.9",
    "@fortawesome/fontawesome-pro-solid": "^5.0.9",
    "@fortawesome/fontawesome-pro-webfonts": "^1.0.5",
}

的WebPack：

$fa-font-path: "~@fortawesome/fontawesome-pro-webfonts/webfonts";
@import '~@fortawesome/fontawesome-pro-webfonts/scss/fontawesome.scss';
@import '~@fortawesome/fontawesome-pro-webfonts/scss/fa-light.scss';

我错过了什么？我是否必须为这些导入另一个CSS文件？我找不到任何东西。

编辑：添加了文件夹结构的照片：

Answer 1

可替换地，

您可以使用Javascript方式导入Font Awesome图标。

import fontawesome from '@fortawesome/fontawesome'
import brands from '@fortawesome/fontawesome-free-brands'

fontawesome.library.add(brands)

您需要@fortawesome/font-awesome-pro-brands包。

使用<i class="fab fa-github"></i>和<i class="fab fa-twitter"></i>

由于fal集中没有社交图标，因此您无法在课程中使用font-awesome-pro-light。

请参阅：https://fontawesome.com/icons?d=gallery&q=github&s=light