"CommonJS or AMD dependencies can cause optimization bailouts" seen during angular build

[seth-church]

When building with angular 13, the following is reported:

Warning: /path/goes/here/twilio.service.ts depends on '@twilio/voice-sdk'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Note that the twilio.service.ts file contains:
import { Call, Device } from '@twilio/voice-sdk';

We were seeing this issue on the version 1 package, twilio-client. We hoped this to be fixed with the version 2 package, @twilio/voice-sdk, but apparently it's not.

[charliesantos]

Thanks for submitting @seth-church . Can you try importing under the esm path? See this changelog for details https://github.com/twilio/twilio-voice.js/blob/master/CHANGELOG.md#ecmascript-module-support

[seth-church]

Updated the import to:
import { Call, Device } from '@twilio/voice-sdk/esm';

Now seeing: Warning: /path/goes/here/node_modules/@twilio/voice-sdk/esm/twilio/uuid.js depends on 'md5'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

[charliesantos]

Thanks for trying @seth-church . We'll put this under our radar.

[seth-church]

After doing an angular update, seeing these warnings:
Warning: /Users/sethcall/Projects/areabookweb/node_modules/@twilio/voice-sdk/esm/twilio/call.js depends on 'events'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /Users/sethcall/Projects/areabookweb/node_modules/@twilio/voice-sdk/esm/twilio/device.js depends on 'loglevel'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Thought you might like to be aware. Not seeing the warning about md5 now.