Использование CKEditor 5 DecoupledEditor из простого JavaScript

Question

Я пытаюсь создать собственный редактор с использованием CKEditor 5 Framework с моими собственными плагинами.

мой webpack.config.js содержит строки:

module.exports = {
    // https://webpack.js.org/configuration/entry-context/
    entry: './app.js',
...

Поэтому, когда я бегу

./node_modules/.bin/webpack

Это генерирует bundle.js файл для меня, который включает в себя содержание моего app.js,

Если мой app.js файловые вызовы DecoupledEditor.create(...) и если я построю все это с ./node_modules/.bin/webpack а затем включить <script src='dist/bundle.js' /> в моем HTML-файле все работает, и я получаю CKEditor со своим собственным плагином:)

Но что мне действительно нужно, так это умение звонить DecoupledEditor.create(...) из моего собственного написанного от руки JavaScript*, который не построен с использованием веб-пакета, и я не могу заставить это работать.

Как мне использовать CKEditor 5 DecoupledEditor из простого JavaScript?

Я думаю, мне нужно импортировать класс, но если я сделаю

import DecoupledEditor from '@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor';

в моем собственном javascript я просто получаю ошибку

"Ошибка типа: ошибка при определении спецификатора модуля: @ ckeditor / ckeditor5-editor-decoupled / src / decouplededitor"

* Действительно звонит из GWT, но это не имеет значения здесь.

Answer 1

Оказывается, если я использую

<script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/decoupled-document/ckeditor.js"></script>

вместо моего собственного bundle.js я могу вызывать DecoupledEditor.create(...) напрямую из моего JavaScript без какого-либо импорта. Поэтому я думаю, что моя проблема в том, что мне не удалось собрать DecoupledEditor с помощью моего скрипта сборки.