Angular production build error

Developers Modeler
1

Hi,

I use BPMN modeller library with angular project. But I get this error message when I build angular project for production environment. I think that minification (TerserPlugin) problem with bpmn library.

import * as Modeller from 'bpmn-js/dist/bpmn-modeler.production.min.js';
....

this.bpmnJS = new Modeller({
            container: '#js-canvas',
            propertiesPanel: {
                parent: '#js-properties-panel',
            },
            additionalModules: [
                propertiesProvider,
                propertiesPanelModule,
                { commandQueue: ['type', () => this.commandQueue] },
            ],
            moddleExtensions: {
                camunda: CamundaModdleDescriptor,
            },
        });

Error console log:

Generating ES5 bundles for differential loading...

**An unhandled exception occurred: Unexpected token: punc (;)**

**See "/private/var/folders/11/21nf2qrs5678trqdgpppqrn80000gn/T/ng-3XxhkE/angular-errors.log" for further details.**

npm ERR! code ELIFECYCLE

npm ERR! syscall spawn

npm ERR! file sh

npm ERR! errno ENOENT
2

Yes, Angular’s minification can break bpmn-js. Check out this example for a working integration: https://github.com/bpmn-io/bpmn-js-example-angular