就像标题说的那样,我不能出于scss的目的使用npm安装真棒字体5。
尝试安装版本5
根据https://fontawesome.com/how-to-use/use-with-node-js的使用
npm i --save @fortawesome/fontawesome
查看node_modules中的安装,我看不到要挂接到的scss文件。我尝试在我的app.scss文件中包含styles.css文件,但这没有用。
我对版本4的设置:
package.json
"font-awesome": "^4.7.0",
app.scss
@import "node_modules/font-awesome/scss/font-awesome.scss";
用法
<i className="fa fa-save icon controlItem"></i>
易如反掌。如何使用版本5实现此目标?我使用了错误的包裹吗?
更新
显然,仅使用@ fortawesome / fontawesome并不足够。软件包已拆分,因此您还必须选择
npm install --save @fortawesome/fontawesome-free-regular
“导入我仍然没有成功”
我对FontAwesome 5的理解是,他们使用javascript将内联SVG添加到DOM。
Take a look at this article: SVG with JS
Rather than compiling an scss file, you just need to include this javascipt one:
fontawesome-all.js
, any icons you add to your HTML should then be converted to SVGs automatically.