Correct way to implement dynamic "require" imports

[thatgitsam]

I'm trying to get access to external dependencies using vue.js & VITE, specifically device level packages on Brightsign media player devices that usually imported using const DeviceInfo = require("@brightsign/deviceinfo"), but can't find the right way to handle things in VITE. I've tried virtual modules, glob imports, await imports, and various other things, but wonder if I'm not looking in the right place.

The packages only exist on the device when deployed, but we have mocks locally as required. We have it working with vue CLI & webpack like this:

 let DeviceInfo;

  if (process.env.NODE_ENV === "development") {
    DeviceInfo = require("../__mocks__/@brightsign/deviceinfo");
  } else {
    DeviceInfo = require("@brightsign/deviceinfo");
  }
  const deviceInfo = new DeviceInfo();
  console.log("Store-Serial number:", deviceInfo.serialNumber);

Any pointers or assistance would be appreciated, as we would rather be working with the current vue.js stack!