如何解决带有文件加载器和 webpack
我正在尝试将 React Rainbow Components 与 Next.js (TypeScript) 结合使用,但无法导入字体,因此我使用了带有 url-loader
的 webpack。
出于某种原因,我不断收到错误 SyntaxError: Invalid or unexpected token error - D:\Git Repository\project\node_modules\react-rainbow-components\components\Application\fonts\Lato-Black\Lato-Black.eot:1 ��☺
从他们的字体在 eot 文件中。
这是我在 next.config.js
中的 webpack 配置:
module.exports = {
webpack: (config,options) => {
config.module.rules.push({
test: /\.(png|woff|woff2|eot|ttf|svg)$/,use: [
{
loader: 'url-loader?limit=100000'
},],})
return config
},}
知道我做错了什么吗?还是字体本身有问题?
解决方法
这个已经在版本中修复了,如果你将react-rainbow-components
的版本更新到v1.24.1,字体被移到了CDN。这是发行说明
https://github.com/nexxtway/react-rainbow/releases
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。