fix: ensure that the correct components are dynamically imported

Vben

2021-03-01 b476e1c84c52dab7030fd19b34ecd33e65fadcb2

 vite.config.ts

@@ -21,7 +21,14 @@
  // The boolean type read by loadEnv is a string. This function can be converted to boolean type
  const viteEnv = wrapperEnv(env);

  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE, VITE_LEGACY } = viteEnv;
  const {
    VITE_PORT,
    VITE_PUBLIC_PATH,
    VITE_PROXY,
    VITE_DROP_CONSOLE,
    VITE_LEGACY,
    VITE_DYNAMIC_IMPORT,
  } = viteEnv;

  const isBuild = command === 'build';

@@ -68,6 +75,7 @@
    define: {
      // setting vue-i18-next
      // Suppress warning
      __DYNAMIC_IMPORT__: VITE_DYNAMIC_IMPORT,
      __VUE_I18N_LEGACY_API__: false,
      __VUE_I18N_FULL_INSTALL__: false,
      __INTLIFY_PROD_DEVTOOLS__: false,
@@ -91,7 +99,13 @@

    optimizeDeps: {
      // @iconify/iconify: The dependency is dynamically and virtually loaded by @purge-icons/generated, so it needs to be specified explicitly
      include: ['@iconify/iconify'],
      include: [
        '@iconify/iconify',
        'ant-design-vue/es/locale/zh_CN',
        'moment/dist/locale/zh-cn',
        'ant-design-vue/es/locale/en_US',
        'moment/dist/locale/eu',
      ],
      exclude: ['vue-demi'],
    },
  };