Using a Cordova plugin with Capacitor

Question

I've been working through this example: https://capacitor.ionicframework.com/docs/basics/cordova

I've run:

npm install cordova-plugin-qrscanner
npx cap sync

and I can see the plugin installed in my node_modules.

What I do not know how to do is call one of the functions on the cordova-plugin. I'm wondering if I need a packager like webpack?

I'm also confused as to how this works if the cordova plugin contains native swift (or other) code.

Answer 1

Remember you can install the native wrapper too. It should work just the same as using it with Cordova.

npm install @ionic-native/qr-scanner

From:

ionic cordova plugin add cordova-plugin-qrscanner
npm install @ionic-native/qr-scanner

To:

npm install cordova-plugin-qrscanner
npm install @ionic-native/qr-scanner
npx cap sync

https://ionicframework.com/docs/native/qr-scanner