：使用webpack时字体无法加载——grapesjs试图加载具有相对路径的字体
，也就是说HTML文件在/public/editor/demo.html，webpack输出的文件是/public/js/（bundle.js和字体文件）——所以如果我把字体文件复制到/public/editor/fonts/，就能正常工作。 我觉得从这句话来看很明显，问题出在webpack放置字体的位置（可能你只需要正确配置'file-loader'）。
阅读下方完整回答 ↓问题
我正在尝试以一个简单的 html 文件加载grapesjs编辑器，但它无法加载grapesjs自己的图标或 fontawesome 图标。 我查阅了这两个问题 [#2320]（https://github.com/artf/grapesjs/issues/2320）和 [#1474]（https://github.com/artf/grapesjs/issues/1474），但它们并没有帮我解决问题，所以我才提出来。 下面是我的源脚本（demo.js），然后webpack用它打包成'bundle.js 我的webpack配置如下： 我看到当我运行webpack捆绑所有内容时，主图标和fontawesome图标都会生成“.woff， .svg”的“bundle.js` and also outputs the font files .woff， ”。 但当我尝试在 HTML 中使用它们时，加载图标时总是返回错误：“downloadable font: download failed......... source: http://localhost/editor/fonts/fontawesome-webfont.woff2' 我注意到一个有趣的现象是，如果我把字体复制粘贴到我编辑器HTML所在的同一个目录里，字体加载会正常 也就是说，html文件显示在“/public/edito...
回答（1）
，也就是说HTML文件在/public/editor/demo.html，webpack输出的文件是/public/js/（bundle.js和字体文件）——所以如果我把字体文件复制到/public/editor/fonts/，就能正常工作。
我觉得从这句话来看很明显，问题出在webpack放置字体的位置（可能你只需要正确配置'file-loader'）。
相关问答
通过相似的问题讨论继续研究。
问题 #6690
CSP违规
GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ Chrome 143.0.7499.193 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好。 如何复现这个漏洞？ 导入 JS 文件 /...
问题 #767
在对grapes.js进行修改后生成新grapes.min.js
大家好——新年快乐， 我目前正在为我们的后续项目做一些关于GrapesJs的研究。 问题是我 https://github.com/artf/grapesjs/issues/196 了压缩新grapes.min.js，但当我删除grapes.min.js并尝试修改dist文件夹...
问题 #2834
Grapesjs 不会为包装器初始化样式
你好，我遇到了一个 bug grapesjs 无法初始化 wrapper 的样式。繁殖步骤：前往 https://grapesjs.com/demo.html选择包装并设置背景。它会为样式添加“正体”规则，并且会显示在样式设置中刷新页面——“正文”规则依然存在（你可以在“查看代...
问题 #1905
导入模板后无法编辑块
遇到了和[1408]（https://github.com/artf/grapesjs/issues/1408）一样的问题。你说应该导入JSON，而不是HTML本身。你能告诉我如何导入JSON模板吗？我找不到解决办法。 在“storage：store”中，我获取一个对象： {...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。