Quick build skills -- Run one command to build vue3.x:
package.json add '--mode':
vite --host 0.0.0.0 --mode dev
vite build --mode prod
--mode directs to the .env.*** file
in .env.dev file, set enviroment variable:
ENV = 'dev'
VITE_APP_VERSION = '99.99.99'
in vite.config.js, we use the variable ENV like this:
import { defineConfig, loadEnv } from 'vite'
export default defineConfig(({command, mode})=>{
const env = loadEnv(mode, process.cwd(), '');//load all settings in .env.***
console.log('env', env);//use env object
console.log('env', env.ENV);//use the ENV setting in .env.dev
const config = loadEnv(mode, './');//only load variables starting with 'VITE_'
console.log('config', config);//variables object
console.log('config', config.ENV);//null
let proxy={}
if (env.ENV === 'development') {
//dev enviroment
proxy={
'/ws':{
target: 'ws://127.0.0.1:0000',
changeOrigin: true, //enable cross domain
ws: true,
rewrite: (path) => path.replace(/^\/api/, '');
}
}
}else{
}
return {}
});
mode in --mode is the fixed parameter name in vite system command line.