VITE+VUE3实现在index.html使用环境变量

使用vite-plugin-html-env可以实现在index.html使用环境变量

// 在vite.config.ts中配置plugins

import VitePluginHtmlEnv from "vite-plugin-html-env";
// https://vitejs.dev/config/
export default defineConfig(({ command, mode }) => {
  console.log( command, mode )
  return {
    plugins: [
      vue(),
      VitePluginHtmlEnv({
        compiler: true,
        // compiler: false // old
      }),
    ]
  };
}); <title><{ VITE_APP_TITLE }></title>

<!-- 使用插值写法 -->
<title><{ VITE_APP_TITLE }></title>

VITE_APP_TITLE=vite-plugin-html-env中使用环境变量