我已经在package.json中安装了Fontawesome 。
"devDependencies": {
"@fortawesome/fontawesome-free": "^5.11.2" ,
//etc.
},
"dependencies": { "font-awesome": "^4.7.0" }
并将其导入到我的app.scss
@import "~font-awesome/scss/font-awesome.scss";
我试过了<i class="fa fa-edit"></i>
,<i class="fas fa-edit"></i>
但它只显示如下,有人知道如何正确执行此操作?
首先将所有内容导入fontawesome-icons
您的app.scss
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';
其次,最想念的是将Webfonts复制到公用文件夹。在您webpack.mis.js
下面附加此内容。
.copy('node_modules/@fortawesome/fontawesome-free/webfonts', 'public/webfonts')
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句