【笔记】Vite学习笔记

发表于 更新于 阅读次数：

前言

Vite (French: [vit], like “veet”) is a local development server backed by VoidZero Inc.（维基百科）

创建项目

1
npm create vite@latest <project_name>

运行项目

1
npx vite
1
npx vite run

打包项目

1
npx vite build

预览打包后的项目

1
npx vite preview

内置常量

环境变量

模式

1
const mode = import.meta.env.MODE;

是否是开发环境

1
const yes = import.meta.env.DEV;

是否是生产环境

1
const yes = import.meta.env.PROD;

是否是服务端渲染

1
const yes = import.meta.env.SSR;

读取自定义环境变量

  • 环境变量需要以VITE_作为前缀才能被Vite识别
.env
1
VITE_KEY="value"
1
const key = import.meta.env.VITE_KEY;

完成