聊一聊bpmn-js中的Viewer和Modeler

通过之前对于bpmn-js的学习，可以完成一个基础的Bpmn编辑器(或者叫建模器)的显示和简单绘制，若需要做更多工作还需加强对其的内部实现的了解。通过使用我们可以知道bpmn-js中有两个比较重要的操作对象：bpmnViewer和bpmnModeler。

• Viewer：一般习惯性对齐命名对象称之为bpmnViewer，这是bpmn-js提供的一个基础的bpmn流程图的查看器，其主要是用于控制流程图绘制的显示区域部分。
• Modeler：Bpmn建模器，这是整个流程编辑的核心构成部分，负责流程图的构建编辑，也是我们操作较多的部分。

我们使用的常规逻辑：viewer负责展示，modeler负责构建。仔细查看bpmn-js的实现可以看出Modeler我们可以理解成在Viewer上的一层扩展。

// viewer 创建
var bpmnViewer = new Viewer({ additionalModules: [ extensionModule ] });

// Viewer源码：构造函数
export default function Viewer(op