【bpmn-js-3.0.3】1、如何在web应用中使用bpmn-js

本文介绍了如何在web应用中集成和使用bpmn-js 3.0.3。首先,从bpmn.io下载源码,接着在项目目录下通过npm安装依赖,然后执行编译命令生成dist目录。在rollup.config.js中配置生成文件后,可以在web应用中通过<link/>和<script/>标签引入,并实例化bpmn-js进行流程图的颜色设置和根元素获取等操作。
摘要由CSDN通过智能技术生成

如何通过源码编译后,在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中定义需要生成的文件:

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值