本文介绍了如何在web应用中集成和使用bpmn-js 3.0.3。首先，从bpmn.io下载源码，接着在项目目录下通过npm安装依赖，然后执行编译命令生成dist目录。在rollup.config.js中配置生成文件后，可以在web应用中通过<link/>和<script/>标签引入，并实例化bpmn-js进行流程图的颜色设置和根元素获取等操作。
如何通过源码编译后，在web应用中通过<link/><script/>标签引入使用：
1、下载bpmn-js的源码
https://bpmn.io/toolkit/bpmn-js/download/
目录结构如下：
2、安装依赖
在bpmn-js-3.0.3目录下，npm install，在当前目录下生成node_modules依赖包目录
3、编译：
打开package.json文件，查看scripts中的属性distro，执行指令：
node tasks/build-distro.js
执行完成后会在当前目录下生成dist目录，其文件如下：
在rollup.config.js中定义需要生成的文件：
最低0.47元/天 解锁文章
扫一扫
2980
到【灌水乐园】发言
