小编Joh*_*n_J的帖子

如何使用ASP.NET.Core Angular模板添加字体真棒

我正在使用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)

现在我没有收到错误消息,但仍然看不到图标.

我做错了什么吗?

webpack asp.net-core asp.net-core-2.0 angular

5
推荐指数
2
解决办法
4671
查看次数

标签 统计

angular ×1

asp.net-core ×1

asp.net-core-2.0 ×1

webpack ×1