Webpack 字体A只有一个5 url是错误的

Webpack 字体A只有一个5 url是错误的,webpack,fonts,font-awesome,font-awesome-5,Webpack,Fonts,Font Awesome,Font Awesome 5,我使用Webpack4和字体Awesone5(FA) 当我按如下方式导入FA时: @import '~@fortawesome/fontawesome-free/css/all.css'; 图标显示此级别上的: http://some.com https://some.com/first/ 和未在下一个站点级别显示: 1. https://some.com/first/next/ 2. https://some.com/first/next/level 当我在Chrome devtools

我使用Webpack4和字体Awesone5(FA)

当我按如下方式导入FA时:

@import '~@fortawesome/fontawesome-free/css/all.css';
图标显示此级别上的

http://some.com
https://some.com/first/
未在下一个站点级别显示

1. https://some.com/first/next/
2. https://some.com/first/next/level
当我在Chrome devtools中打开网络选项卡并查看第二个url时,我看到浏览器试图通过以下路径加载字体:

https://some.com/first/next/web/fonts/fa-solid...*.woff

正如我们所看到的,浏览器使用相对路径来获取字体,那么应该如何使用绝对路径。我想,问题可能是因为我通过网页导入错误的字体造成的。 我确实以这种方式导入字体:

$fa-font-path: '/web/fonts'; 
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
我假设此选项将正确工作,但在这种情况下,什么都不起作用。我做错了什么

ps.字体主目录中的所有字体文件都有权访问trought 通过
https://some.com/web/fonts/