使用webpack实例化时Quill无法使工具栏正确呈现

Question

我无法让Quill正确地呈现工具栏，我读取了他们的文档并检查了webpack例子。

加上webpack化名，

resolve: {
    alias: {
      'parchment': utils.resolve('node_modules/parchment/src/parchment.ts'),
      'quill$': utils.resolve('node_modules/quill/quill.js'),
    }
}

然后创建Quill导出文件如下

`quill-build.js`
```js

从“毛刺/芯”进口毛刺；

从“quill/模块/工具栏”导入工具栏；

从“毛刺/主题/雪”进口雪；

从“quill/formats/粗体”导入Bold；

从“quill/formats/斜体”进口意大利语；

从“quill/formats/ Header”导入标头；

Quill.register({

“模块/工具栏”：工具栏，

“主题/雪”：雪，

“格式/粗体”：粗体，

“格式/斜体”：斜体，

“格式/标题”：标题，

})；

出口违约Quill；

在我的组件中导入它，当将它附加到html元素时，这里是我得到的

​

​

当我检查这个标签时，这就是我在chrome里面得到的东西。

​

​

如果我从cdn导入quil.min.js，它会正确地呈现所有内容，但是如果我不能自定义构建并删除不必要的元素，这是无用的。

有人成功了吗?有人能帮我吗？

Answer 1

我知道这是一个老问题，但由于仍然是一个问题，解决方案是使用：https://v4.webpack.js.org/loaders/svg-inline-loader/，而不是webpack quill示例中的html加载程序。