Ped*_*nto 10 css npm reactjs webpack webpack-file-loader
我正在使用webpack为npm包生成适当的文件,这将包含一些反应组件.他们附加了一些CSS,引用了一些字体和图标.
使用file加载程序时,这些资产会使用fonts/my-font.woff主应用程序中缺少的绝对路径(即)进行错误引用.
有没有办法解决这个问题,让我的主应用程序寻找合适的文件？我宁愿修复软件包本身而不是像有人提到的那样复制资产,因为我可能无法完全控制主应用程序.
好吧，我首先要说的是，在组件中包含字体通常是一个坏主意，因为主应用程序可能有自己的风格/品牌/等，而您会与之抗争。
也就是说，如果字体类似于图标，您可以对它们进行 Base64 编码并将其内联到 CSS 中。有几个 Webpack 编码器插件可以做到这一点。
你还提到了图标，我会尝试将它们转换为 SVG 并在代码中提供它们。您还可以将 PNG 进行 Base64 编码到 CSS 中作为后备。
这种方法的好处：
我能想到的缺点：
| 归档时间： |
|
| 查看次数： |
986 次 |
| 最近记录： |