vite

常用命令

• 官方文档： https://cn.vite.dev/guide/cli.html
• vite 是 vite serve 和 vite dev 的别名
• vite build --dotenv .env.production
  • --dotenv 指定环境文件
• vite dev --host 0.0.0.0 --dotenv .env.development
  • --host 指定开发环境发布的ip地址，0.0.0.0 是所有IP地址
• 选项
  • --cors 启用 CORS
  • -c, --config <file> 使用指定的配置文件 (string)
  • --base <path> 公共基础路径（默认为：/）(string)
  • -m, --mode <mode> 设置环境模式 (string)

常用配置

环境变量和模式

• 模式
  • development 开发模式
  • production 生产模式
  • staging 预发布模式
  • 对应的环境变量配置文件
    • .env.模式
• 环境变量
  • Vite 自动将环境变量暴露在 import.meta.env 对象下，作为字符串。
  • 为了防止意外地将一些环境变量泄漏到客户端，只有以 VITE_ 为前缀的变量才会暴露给经过 vite 处理的代码
  • 例如：

    VITE_SOME_KEY=123
    DB_PASSWORD=foobar
    

    • 只有 VITE_SOME_KEY 会被暴露为 import.meta.env.VITE_SOME_KEY 提供给客户端源码，而 DB_PASSWORD 则不会。
• .env 文件
  • Vite 使用 dotenv 从你的 环境目录 中的下列文件加载额外的环境变量：
    • .env # 所有情况下都会加载
    • .env.mode # 只在指定模式下加载
    • .env.local # 所有情况下都会加载，但会被 git 忽略
    • .env.mode.local # 只在指定模式下加载，但会被 git 忽略