Pattern/arrangements to have "vanjs-core/debug" in development and "vanjs-core" in production?

[Ashvith10]

Is there perhaps a way to make it so that the debug stays enabled in production, but not in production for any bundler (not just ViteJS)? I've tried choosing strings conditionally in ViteJS, but that doesn't seem to do the trick.

import van from (import.meta.env.DEV ? 'vanjs-core/debug' : 'vanjs-core')

[Tao-VanJS]

Maybe try conditional import of ES modules?

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import

[Ashvith10]

I'm just going to leave a sample code-block for others:
src/app.js

let van

if (import.meta.env.DEV) {
  van = await import('vanjs-core/debug').then(module => module.default)
} else {
  van = await import('vanjs-core').then(module => module.default)
}

Maybe there is a better syntactical sugar to make this reusable and appealing to read?

[Ashvith10]

@Tao-VanJS I was wondering if there's a way to make it work in a way, so that I could still keep static imports - so that the conditional if-else does not show up in the output?

[Tao-VanJS]

Static import means you want to always import a specific module no matter what, which I think is the opposite of what you want.

[Ashvith10]

@Tao-VanJS sharing an alternative solution I was recommended on vitejs/vite#19165.