Tengo este archivo de configuración en mi proyecto vue.js + vite.js:

Archivo vite.config.js :

 import { defineConfig, loadEnv } from 'vite' import svgLoader from 'vite-svg-loader' import vue from '@vitejs/plugin-vue' import path from 'path' const generateScopedName = 'tw_[local]' export default ({ mode }) => { process.env = {...process.env, ...loadEnv(mode, process.cwd(), '')}; return defineConfig({ define: { 'process.env': process.env }, build: { sourcemap: false, cssCodeSplit: false, rollupOptions: { output: { dir: 'dist', chunkFileNames: '[name].js' } } }, resolve: { alias: { '@': path.resolve(__dirname, './src') } }, server: { fs: { allow: ['..'] }, hmr: { overlay: false } }, plugins: [vue(), svgLoader()], css: { modules: { generateScopedName } } }); }

Cuando construyo mi proyecto ejecutando el comando vite build , el valor de la variable process.env definida se guardará como valor estático de los valores actuales del archivo .env . Pero cuando coloco mi proyecto integrado en otro lugar con un archivo .env diferente, el valor del process.env definido.env no se actualizará automáticamente. ¿Cómo puedo ver correctamente los valores del archivo .env para cambios en la compilación estática si es posible, por supuesto?