开发时使用按需引入，打包到预发布和生产环境时使用cdn方式引入，该如何配置

[Rickykurt]

如果想在development模式使用按需引入，但是在production模式和staging模式使用cdn方式引入，该如何配置vite.config.js和main.js呢？有没有示例配置？

另外：现在使用按需引入时，还需要单独引入这些样式

import "vant/es/toast/style"
import "vant/es/dialog/style"
import "vant/es/notify/style"
import "vant/es/image-preview/style"

这些在区分环境用cdn引入时，如何动态配置？

再就是文档中的cdn引入方式

<script>
  // Render the Button component
  const app = Vue.createApp({
    template: `<van-button>Button</van-button>`,
  });
  app.use(vant);

  // Register Lazyload directive
  app.use(vant.Lazyload);

  // Call function component
  vant.showToast('Message');

  app.mount('#app');
</script>

使用了这种调用 vant.showToast('Message'); 那之前按需引入时的代码都需要修改成这样么，之前都是showToast('Message')这样直接调用的，是不是每个调用的位置都要区分环境，生产的就用vant.showToast开发的就用showToast?