ecmascript-6 - Font Awesome 5 SVG es6 searchPseudoElements

Question

尝试使用 Font Awesome 5 SVG es6 searchPseudoElements

import fontawesome from '@fortawesome/fontawesome';
import solid from '@fortawesome/fontawesome-free-solid';

fontawesome.library.add(solid.faTrashAlt);

工作正常<span class="fas fa-trash-alt"></span>

尝试添加

fontawesome.config = {
    searchPseudoElements: true,
};

:after {
    font-family: 'Font Awesome 5 Free';
    content:'\f2ed';
}

但不是渲染，有什么提示吗？

Answer 1

您需要在加载主 Font Awesome 包之前设置配置。

根据文档：“订单事项”块

// Make sure we can use pseudo classes
fontawesome.config = { searchPseudoElements: true };

// Base package
import fontawesome from "@fortawesome/fontawesome";

不要忘记隐藏你的 ::after