javascript - FontAwesome [Webpack] 未加载

Question

我目前正在开发我的 Cortana 应用程序，并且 FontAwesome 有一个大问题:)由于我最近切换到 React + Redux 和 Webpack [更好的结构 + 更少的空间]，我必须接受一切新的东西。

现在问题来了，我无法正常使用FontAwesome。它只显示一个白色方 block ...我检查了许多关于此[目录问题，未正确设置 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

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

-马修

Answer 1

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

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