vite 区分生产与开发环境

vite.config.ts

1. 示例1

// import.meta.env.VITE_NAME available here with: process.env.VITE_NAME
// import.meta.env.VITE_PORT available here with: process.env.VITE_PORT 
import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';  
export default ({ mode }) => {    
	process.env = {...process.env, ...loadEnv(mode, process.cwd())};     
	    return defineConfig({       
	    	plugins: [vue()],         
	    	server: {           
	     	port:process.env.VITE_PORT,        
	     	},    
	     });
}

2. 示例2

import { defineConfig, loadEnv } from 'vite'
import { resolve } from 'path'
export default ({ mode }) => {  
const __DEV__ = mode === 'development'   
	return defineConfig({    
		base: __DEV__ ? '/' : 'emoji-popover',   
		root: 'example',    
		server: {      
			open: false,     
			port: 3000    
		},    
		build: {      
			outDir: '../docs',      
			emptyOutDir: true    
		}
	  }
)}