小编Mac*_*ski的帖子

如何编写基于其他模块动态添加模块的Webpack插件?

我在为翻译服务编写Webpack插件时遇到问题.

目标是:

  1. 在编译期间获取所有必需模块的名称(和源代码).我需要能够扫描包含的源代码以获取特殊t()功能,但我想只扫描那些将包含在包中的模块(根据构建配置,它可以是所有项目模块的子集).
  2. 基于收集的模块,我想动态创建其他模块(带有翻译)并将它们添加到捆绑包中.这些模块需要能够导入自己的依赖项.

另一个要求是Webpack的代码拆分功能应该与动态创建的模块一起使用(我想将它们提取到单独的文件中 - 例如bundle.[lang].js).此外,这可能超出了这个问题的范围,我必须使这些翻译块可选(因此您不必加载所有语言,只需加载一个).

更多详细信息可以在https://github.com/ckeditor/ckeditor5/issues/387中找到.

我一直在尝试多种解决方案,但Webpack 2的文档并不是很有帮助.我可以通过听模组分辨率挂钩(让所有的模块before-resolve),但我不知道什么时候所有的依赖都解决了,我不知道我能不能以后添加更多的模块(以及如何做到这一点-是addEntryOK当我可以使用它?).

我也在考虑连接Webpack插件和Webpack加载器(因为我需要的功能非常类似于Webpack的样式加载器),但是从插件级别我只能添加加载器的路径,而不是加载器本身,所以我可以' t传递配置对象作为参数 - 我错了吗?

PS.我使用Webpack 2.如果您的需求看起来很奇怪,请参阅https://github.com/ckeditor/ckeditor5/issues/387 :).

webpack webpack-2 webpack-plugin

43
推荐指数
1
解决办法
2105
查看次数

如何在 Angular 5 中为 CKEditor5 实现自定义图像上传器?

我正在寻找一个示例,显示使用 Angular 5 为 CKEditor 5 实现自定义图像上传器。

upload image image-uploading angular ckeditor5

4
推荐指数
2
解决办法
1万
查看次数

一页中有多个 CKEditor5 - 性能问题

我从后端收到一组对象,其中包含文本作为字段之一。我希望能够编辑该文本。

到目前为止我有这样的事情:

 <div *ngFor="let speech of speeches; index as i">
      <div class="card">
        <div class="card-header">
          <div class="row">
           //some other input fields
        <div class="card-body">
          <ckeditor [(ngModel)]=speech.content
                    [editor]="editor"
                    name={{i}}
                    required
                    [config]="ckeConfig"
                    debounce="500"
                    (change)="onChange($event)">
          </ckeditor>
        </div>
      </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

当演讲数组达到 30-40 左右时,它可以正常工作,但对于更大的数组,它甚至会导致浏览器崩溃。

有人遇到过这个问题并解决了吗?

ckeditor ckeditor5 angular6

3
推荐指数
1
解决办法
1583
查看次数