就像标题所说，我无法出于 scss 目的使用 npm 安装 font Awesome 5。

尝试安装版本5

根据https://fontawesome.com/how-to-use/use-with-node-js https://fontawesome.com/how-to-use/use-with-node-js

npm i --save @fortawesome/fontawesome

查看 node_modules 中的安装，我发现没有可以连接的 scss 文件。我尝试将 styles.css 文件包含在我的 app.scss 文件中，但这不起作用。

我的版本 4 设置：

包.json"font-awesome": "^4.7.0",

应用程序.scss@import "node_modules/font-awesome/scss/font-awesome.scss";

Usage <i className="fa fa-save icon controlItem"></i>

易如反掌。我怎样才能用版本 5 实现这个目标？我使用了错误的软件包吗？

UPDATE

显然，仅仅使用 @fortawesome/fontawesome 是不够的。软件包已被拆分，因此您还必须选择npm install --save @fortawesome/fontawesome-free-regular 我仍然没有成功导入它

npm install --save-dev @fortawesome/fontawesome
npm install --save-dev @fortawesome/free-regular-svg-icons
npm install --save-dev @fortawesome/free-solid-svg-icons
npm install --save-dev @fortawesome/free-brands-svg-icons

In your app.js或等效的 Javascript 文件，

import fontawesome from '@fortawesome/fontawesome'
import regular from '@fortawesome/free-regular-svg-icons'
import solid from '@fortawesome/free-solid-svg-icons'
import brands from '@fortawesome/free-brands-svg-icons'

fontawesome.library.add(regular)
fontawesome.library.add(solid)
fontawesome.library.add(brands)

在使用方面，类名的使用方式略有变化。请参阅 Fontawesome 网站上的图标以获取“完整”类名称。

Example

<i class="fas fa-chevron-left"></i>

尽管将所有 3 种字体变体添加到项目中的想法似乎很方便，但请注意，这会在构建/编译项目时降低性能。因此，强烈建议您添加所需的字体，而不是添加所有字体。