我已经在我的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')