vue3的vite.config.ts文件最全配置

以下是一个包含了 vue3 的 vite.config.ts 文件的最全配置：

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

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  server: {
    port: 3000,
    open: true,
    https: false,
    proxy: {
      // 配置跨域代理
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
  build: {
    target: 'es2015',
    outDir: 'dist',
    assetsDir: 'assets',
    sourcemap: false,
    minify: 'terser',
  },
})

解释：

1. `defineConfig`：使用 Vite 提供的函数创建一个配置对象。
2. `plugins`：使用 `@vitejs/plugin-vue` 插件，支持 Vue 单文件组件。
3. `resolve`：配置别名，使得 `@` 能够代表 `src` 目录。
4. `server`：配置开发服务器。
- `port`：端口号。
- `open`：启动时是否自动打开浏览器。
- `https`：是否启用 https。
- `proxy`：配置跨域代理。
5. `build`：配置构建。
- `target`：编译目标，使用 ES2015。
- `outDir`：构建输出目录。
- `assetsDir`：静态资源输出目录。
- `sourcemap`：是否生成 sourcemap。
- `minify`：压缩方式，使用 Terser。