vite.config.js 使用env

Vite.config.js 是 Vite（一个快速的前端构建工具）项目的配置文件，它用于定义构建过程中的各种选项和规则。当涉及到 `env` 配置时，`env` 是 Vite 提供的一种环境变量管理机制，让你可以在不同的环境中设置不同的配置值。

例如，你可以这样使用：

export default defineConfig({
  build: {
    // 这里是一个示例，根据环境（development、production等）动态配置
    target: process.env.NODE_ENV === 'production'
      ? 'es2015' // 生产环境采用ES2015语法
      : 'esnext', // 开发环境采用最新语法
  },
  devServer: {
    port: parseInt(process.env.PORT || '8080'), // 获取或默认端口为8080
  }
});

`process.env` 是 Node.js 中全局提供的一个对象，包含了当前运行环境的各种环境变量。`process.env.NODE_ENV` 通常会根据项目打包命令（如 `npm run build` 或者 `yarn build`）的设置自动设置成 'production' 或 'development'。

当你想要在不同环境下执行不同的任务时，比如生产模式下压缩代码、开发模式下启用热更新，就可以利用这些环境变量来调整 `vite.config.js` 中的配置。