我正在使用NET.Core 2.0 Angular模板,它与webpack,angular-cli,angular component,typescript一起使用.
我做了:
命令行 - 安装包和加载程序
npm install --save font-awesome
npm install url-loader --save-dev
Run Code Online (Sandbox Code Playgroud)
webpack.config.js - 添加加载程序规则
module: {
rules: [
...
{ test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader" },
{ test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader" }
]
},
Run Code Online (Sandbox Code Playgroud)
my.component.css - 导入到我的组件
@import '~font-awesome/css/font-awesome.css';
Run Code Online (Sandbox Code Playgroud)
my.component.html - 放置图标
<i class="fa fa-check fa-6"></i>
Run Code Online (Sandbox Code Playgroud)
现在我没有收到错误消息,但仍然看不到图标.
我做错了什么吗?