vite 配置开发，测试，生产环境

Vite 是一款快速的现代化前端构建工具，可以帮助开发者更加高效地构建 Web 应用程序。它支持开发、测试和生产环境，下面是 Vite 的配置方式：

1. 开发环境配置

在开发环境中，我们需要实时编译和热更新我们的代码，以便我们可以快速地进行开发和调试。以下是一个基本的 Vite 开发环境配置：

// vite.config.js
module.exports = {
  server: {
    // 端口号
    port: 3000,
    // 开发时自动打开浏览器
    open: true
  }
}

2. 测试环境配置

在测试环境中，我们需要确保应用程序可以正常运行，并且能够进行一些基本的性能测试。以下是一个基本的 Vite 测试环境配置：

// vite.config.js
module.exports = {
  build: {
    // 输出目录
    outDir: 'dist',
    // 是否生成 sourceMap 文件
    sourcemap: true,
    // 是否压缩代码
    minify: true
  }
}

3. 生产环境配置

在生产环境中，我们需要确保应用程序能够稳定地运行，并且能够处理大量的请求。以下是一个基本的 Vite 生产环境配置：

// vite.config.js
module.exports = {
  build: {
    // 输出目录
    outDir: 'dist',
    // 是否生成 sourceMap 文件
    sourcemap: false,
    // 是否压缩代码
    minify: true,
    // 是否开启 CSS 压缩和混淆
    cssCodeSplit: true,
    // 是否开启 js 压缩和混淆
    rollupOptions: {
      output: {
        format: 'es',
        compact: true
      }
    }
  }
}

以上是 Vite 的基本配置方式，可以根据自己的需求进行修改。