构建模式与环境配置

构建模式详解

1. 开发模式（dev）

   • 特性：热更新、SourceMap、未压缩代码
   • 用途：日常开发调试
   • 命令：npm run dev:平台

2. 生产模式（build）

   • 特性：代码压缩、Tree-Shaking、优化打包
   • 用途：正式发布
   • 命令：npm run build:平台

3. 平台特定模式

   • H5 模式：针对 Web 端优化，支持 PWA
   • 小程序模式：按各平台规范打包
   • App 模式：生成原生安装包（apk/ipa）

环境变量配置

通过 process.env 区分环境：

// 环境配置文件 .env.development
VUE_APP_BASE_API = '/api'

// 环境配置文件 .env.production
VUE_APP_BASE_API = 'https://api.example.com'

在代码中使用：

const baseApi = process.env.VUE_APP_BASE_API