vue打包
一、需求
一个项目会有开发环境、内网环境、预发布环境和线上环境,每个环境的域名不一样,需要分别打包,执行对应环境的bat脚本打到对应环境的文件夹下,这样相互不影响,方便快捷。
二、实现
1、开发环境的命令是npm run dev;生产环境的命令都是npm run build;
内网环境、预发布环境和线上环境都是执行命令npm run build,那么如何不同环境读取不同的域名配置呢
* 可以使用--mode区分(图一),package,json里可以定义命令,将内网环境、预发布环境和线上环境用--mode区分
图三的bat脚本里,内网环境使用npm run build:dev,就是在执行其键值右侧的"vite build --mode dev --emptyOutDir,在vite.config.js里就会接收到mode参数dev,就可以读取envConfig[dev]下的配置打包啦
图四和图五就是env.js里,envConfig[dev]和envConfig[production]的配置,域名是对应环境的域名
图一
图二
图三
build.dev.bat使用 npm run build:dev
图四
图五