Vite

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 会被暴露为 import.meta.env.VITE_SOME_KEY 提供给客户端源码，而 DB_PASSWORD 则不会。

  • .env 文件

    • Vite 使用 dotenv 从你的 环境目录 中的下列文件加载额外的环境变量：

      • .env # 所有情况下都会加载

      • .env.[mode] # 只在指定模式下加载

      • .env.local # 所有情况下都会加载，但会被 git 忽略

      • .env.[mode].local # 只在指定模式下加载，但会被 git 忽略

# vite

## 常用命令

- 官方文档： [https://cn.vite.dev/guide/cli.html](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 会被暴露为 import.meta.env.VITE_SOME_KEY 提供给客户端源码，而 DB_PASSWORD 则不会。
- .env 文件
  - Vite 使用 dotenv 从你的 环境目录 中的下列文件加载额外的环境变量：
    - .env                # 所有情况下都会加载
    - .env.[mode]         # 只在指定模式下加载
    - .env.local          # 所有情况下都会加载，但会被 git 忽略
    - .env.[mode].local   # 只在指定模式下加载，但会被 git 忽略