问题 #2320💬 已回答提出于 2019年10月9日作者 eduardonunesp2 个反应

用Webpack编译后缺少字体

快速解答作者 pouyamiralayi1

使用 [outputPath](https://webpack.js.org/loaders/file-loader/#outputpath) 选项,指定 webpack 将发送文件的输出文件夹。根据你说的:用webpack-dev-server运行时一切正常 项目加载到另一个文件夹 看起来是输出路径的问题。 抱歉如果这些信息没帮到你。

阅读下方完整回答 ↓

问题

项目使用 webpack 编译项目以便以捆绑包形式分发,这是一种用 GrapesJS 作为编辑器的插件,一切正常,除了 GrapesJS 加载的字体缺失。当用 'webpack-dev-server' 运行时一切正常,但用 webpack 构建并尝试在简单服务器(用 dist 文件的不同文件夹)上运行时,看起来是这样: ![图片](https://user-images.githubusercontent.com/582516/66448498-185f4900-ea28-11e9-81a1-8ad11be0596e.png) 现在项目目录里有“webpack-dev-server” ![图片](https://user-images.githubusercontent.com/582516/66448795-23ff3f80-ea29-11e9-961d-76105af84000.png) “''js const webpack = require('webpack') const HtmlWebpackPlugin = require('html-webpack-plugin') const environment = process.env.NODEENV ||“发展” module.exports = { 条目:['regenerator-runtime/runtime'...

回答(3)

pouyamiralayi2019年10月10日

使用 [outputPath](https://webpack.js.org/loaders/file-loader/#outputpath) 选项,指定 webpack 将发送文件的输出文件夹。根据你说的:

用webpack-dev-server运行时一切正常 项目加载到另一个文件夹

看起来是输出路径的问题。 抱歉如果这些信息没帮到你。

eduardonunesp2019年10月10日

太好了,谢谢@pouyamiralayi今晚我会再检查一下outputPath。

pouyamiralayi2019年10月9日

你试过用“file-loader”代替“url-loader”来处理“ttf”或其他字体类型吗?

相关问答

通过相似的问题讨论继续研究。

问题 #3731

文本元素在事件扩展后无法重复选择

版本:0.17.25 你能重现演示中的bug吗?[ ] 是的[x] 不 预期的行为是什么? 通过在视图中添加事件来更新现有的类型文本组件。 详细描述那个漏洞 事件正在添加,但一旦我选择了另一个组件,就无法回到第一个组件。该版本只能提交一次。 你能附上截图、截屏或实时演示吗?**...

4 个回答更新于 2021年8月30日

问题 #3442

调用“editor.destroy()”后出现错误

创建编辑器实例 试着摧毁 收到错误 ![图片](https://user-images.githubusercontent.com/6919961/117447790-9a865b00-af46-11eb-9d2a-6d502be38d47.png)

4 个回答更新于 2021年5月22日

问题 #2129

如何在默认模态中添加按钮并捕捉其点击事件

我想要一个模态内的表单(使用默认模态),点击提交按钮后发动AJAX调用。 我创建了一个新组件,可以拖拽时弹出一个模态。我能够将表格插入模态中 它看起来像这样: <img width=“1001” alt=“截图 2019-07-11 上午10:22” src=“https://...

3 个回答更新于 2024年12月18日

问题 #2350

我如何用面板中的自定义按钮将元素/扇区添加到视图容器中

我在面板上添加了一个自定义按钮,如下所示: const pm = 编辑。面板; pm.addButton('views', { id: 'customButton', 类名:“, 命令:{ run: 函数(编辑器) { alert(“你好”); }, 停止:函数(编辑器){ }...

3 个回答更新于 2024年1月5日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。