vue3+vite开发生产环境区分

• .env.development

VITE_APP_TITLE=本地

• .env.production

VITE_APP_TITLE=生产

-ts文件中应用

console.log(import.meta.env.VITE_APP_TITLE)

在html中应用，需要安装 html 模板插件

pnpm add vite-plugin-html -D

vite.config.ts中

import { createHtmlPlugin } from 'vite-plugin-html'

plugins: [
  createHtmlPlugin()
]

index.html <%=环境变量名%> 取出值

<title><%=VITE_APP_TITLE%></title>