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 包之前设置配置。

根据文档：'Order matters' block

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

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

别忘了隐藏你的 ::after