vite+vue3+ts怎么打包

打包vite + vue3 + ts的项目，可以使用vite所提供的build命令进行打包。

1. 首先，需要在项目根目录下安装vite的构建插件：

npm install @vitejs/plugin-vue@next @vitejs/plugin-typescript@next -D

2. 在项目根目录下创建vite.config.ts文件，配置构建选项：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ts from '@vitejs/plugin-typescript'

export default defineConfig({
  plugins: [
    vue(),
    ts()
  ],
  build: {
    outDir: 'dist', // 打包输出目录
    target: 'es2015', // 浏览器兼容性
    minify: 'terser' // 代码压缩
  }
})

3. 在package.json文件中添加打包命令：

"scripts": {
  "build": "vite build"
}

4. 运行打包命令：

npm run build

打包完成后，会在项目根目录下生成一个dist目录，里面包含了打包后的静态文件。