记录一下，vite打包vue3项目所遇到的问题

1.使用ref来绑定dom获取值报错为空

解决：

const file = ref<Element | null>(null);

改为

const file = ref<any>(null);

2.部分代码体积过大

解决：

在vite.config.ts中加入限制体积为1500

    build: {
        chunkSizeWarningLimit: 1500,
    }

3.打包后资源未找到

添加配置base："/"

    export default defineConfig({
      base:'/',
    }

4.由于打包后只能在服务器端才能打开,如果需要本地预览

全局安装服务支持 http-sever ，安装后若不配置环境变量，需要使用http-server命令，也可以自己去配置环境变量，此处省略配置方法

npm install http-server -g

进入打包后的文件夹，运行cmd，输入下方命令行，开启一个服务，端口号设置不冲突即可，即可本地预览

http-server -p 8090