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

时间:2017-12-14 18:23:36

标签: javascript webpack quill

我无法让Quill正确渲染工具栏我已阅读docs并检查webpack example

添加了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
import Quill from 'quill/core';

import Toolbar from 'quill/modules/toolbar';
import Snow from 'quill/themes/snow';

import Bold from 'quill/formats/bold';
import Italic from 'quill/formats/italic';
import Header from 'quill/formats/header';

Quill.register({
  'modules/toolbar': Toolbar,
  'themes/snow': Snow,
  'formats/bold': Bold,
  'formats/italic': Italic,
  'formats/header': Header,
});

export default Quill;
```

在我的组件中导入它,并在将其附加到html元素时,这就是我得到的

这是检查此标记时我在chrome devtools中获得的内容。

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

有没有人成功做到这一点,有人可以帮助我吗?

0 个答案:

没有答案