FontAwesome [Webpack] 未加载

Question

我目前正在开发我的 Cortana 应用程序，但 FontAwesome 有一个大问题 :) 自从我最近切换到 React + Redux 和 Webpack [更好的结构 + 更少的空间] 我不得不一切新的。

现在问题来了，我不能正确使用 FontAwesome。它只是显示一个白色方块...我检查了许多关于此 [目录问题，未正确设置 webpack-loader] 的主题，但没有找到任何解决问题的方法。 webpack的控制台没有错误，开发者控制台没有错误。

这是我的项目的链接： https://github.com/khayalan-mathew/gymdonapp/tree/feature/react-redux 我使用 font-awesome 的 ReactElement 是： https://github.com/khayalan-mathew/gymdonapp/blob/feature/react-redux/src/components/test.jsx

我希望有人可以帮助我 :) 如果您找到了正确的解决方案，请发送 pullrequest 或写在下面

-马修

Answer 1

css-loader generating wrong file paths 存在一个已知问题。这在生产版本中不会发生，但在开发模式下渲染方块时仍然很烦人。

在解决此问题之前，您可以禁用 css-loader 源映射以查看开发中正确呈现的字体。在你的 webpack 配置中找到写 css?sourceMap 的地方并将其更改为 css。