FontAwesome [Webpack]没有加载

Question

我正在开发我的Cortana-App并且在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或在下面写下来

-Mathew

Answer 1

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

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