按需加载

如果你在开发环境的控制台看到下面的提示，那么你可能使用了 import { Button } from 'ant-design-vue'; 的写法引入了 antd 下所有的模块，这会影响应用的网络性能

在vue-cli的时候我们通过 babel-plugin-import来进行按需加载；

在vite中我们需要借助第三方 vite-plugin-importer 来进行按需加载；集成与babel-plugin-import

upload 问题

在引入vite开发后发现上传图片会在控制台报错process is not defined;

查看源码我们发现有环境判断

这是因为process属于node环境变量；但是vite是浏览器实现模块加载；所以在浏览器中我们就无法获取到process变量；我们只需要在全局加上环境

//添加在index.html 或者mian.js 全局
  var process ={
        env:{
          TEST_IE:true
        }
      }

配置中文问题

在我们antd后使用时间插件；我们会惊讶到发现居然是英文

安装官方的配置使用ConfigProvider组件；在使用后我们发现是有部分中文还是有英文；那是应该日期组件需要moment也要中文化；下面献上详情代码

<template>
    <a-config-provider :locale="locale">
        <router-view></router-view>
    </a-config-provider>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import HelloWorld from './components/HelloWorld.vue';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import 'moment/dist/locale/zh-cn';
export default defineComponent({
    name: 'App',
    components: {
        HelloWorld
    },
    data() {
        return {
            locale: zhCN
        };
    }
});
</script>