Bundling app.js file with webpack

I’ve being trying to bundle my app.js to app.bundled.js file because i want to use the properties-panel with bpmn and it hasn’t worked and i’ve tried everything i know (ps. i am a beginner at both bpmn and webpack), so could someone please show a step by step process on how to bundle the app.js.

Hi @Etin, welcome!

Did you already check out this example? It shows how to use webpack to bundle your bpmn-js + properties panel application.

Yeah,
Now I’m trying to do the same thing in codesandbox and i’m getting the same issue

Thanks for sharing your sandbox! I see you are using an older properties panel version.

image

but using the new API

image

Please consider updating the version: https://github.com/bpmn-io/bpmn-js-properties-panel/blob/master/CHANGELOG.md#100-alpha5

And also adding the necessary peer-dependency: https://github.com/bpmn-io/properties-panel

I adjusted your sandbox to make it work: bpmn-modeler (forked) - CodeSandbox

Thanks a lot @Niklas_Kiefer

Please one more question
Can i export the Xml after creating my bpmn diaram on the web

You can use the saveXML API for that.

modeler.saveXML({ format: true }).then(({ xml }) => console.info(xml));

Thanks @Niklas_Kiefer. You’ve being a real godsent