本文主要是介绍vu3 vite 项目title使用环境变量evn，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
如何根据不同的环境，title相应的一致修改的功能？
1.安装插件vite-plugins-html
2. 修改vite.config.ts
import { defineConfig, loadEnv } from "vite";
import { createHtmlPlugin } from "vite-plugin-html";const getViteEnv = (mode, target) => {return loadEnv(mode, process.cwd())[target];
};export default ({ mode }) => defineConfig({plugins: [vue(), vueJsx(),createHtmlPlugin({inject: {data: {title: getViteEnv(mode, "VITE_NAME"),},},}),],...});3. 修改相应的.env文件
比如: .env.development中：
VITE_NAME='开发环境'4.再修改html
<head><title><%= title %></title></head>
这篇关于vu3 vite 项目title使用环境变量evn的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
