Simditor 与 webpack

Question

如何使用Webpack编译Simditor？

我正在尝试使用 Laravel Mix 编译 Simditor，但出现以下错误：

Uncaught TypeError: Simditor.connect is not a function

这是我的js文件：

window.$ = window.jQuery = require('jquery');
import 'simple-module';
import 'simditor';

$(document).ready(function () {
    $('.input.text-editor').each(function () {
        var editor = new Simditor({
            textarea: $(this).find('textarea')
        });
    });
});

知道为什么我会收到此错误吗？

编辑器网站：simditor.tower.im

Answer 1

我尝试了几个版本的 simditor 和 webpack 安装，其中一个有效，在 2.3.22 版本之后，simditor 的 JS 库目录和所有依赖项都变得与以前的版本不同。

这是我的步骤：

1. 使用webpack安装2.3.22版本的 simditor （yarn add simditor@2.3.22在 Rails 6 中运行）
2. import 'simple-module';
3. import 'simple-hotkeys';
4. import 'simple-uploader';
5. import Simditor from 'simditor';

有用！

Answer 2

我刚刚发现，你不能使用 webpack 构建该库，你需要下载该库并将文件单独包含到 html 中。

尝试了所有，顺便说一句，你需要包括

mobilecheck.js
jquery.min.js
module.js
hotkeys.js
simditor.js

为了让这个库发挥作用！

我正在使用 Symfony webpack encore。