当前位置: 首页 > article >正文

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

图四

图五


http://www.kler.cn/a/555380.html

相关文章:

  • Ubuntu编译ZLMediaKit
  • 数据结构——模拟栈例题B3619
  • 使用 Docker 部署 Spark 集群
  • LeetCode热题100——滑动窗口/子串
  • 板块一 Servlet编程:第十节 监听器全解 来自【汤米尼克的JAVAEE全套教程专栏】
  • Go学习-入门
  • 常用电脑,护眼软件推荐 f.lux 3400K | 撰写论文 paper
  • 服务器数据迁移某个目录下的所有文件到另一台服务器
  • Ubuntu上查看端口被哪个进程占用了
  • 如何才能写出好的prompt?
  • 如何使用springboot项目如何实现小程序里面商品的浏览记录功能案例
  • Qt5 C++ TcpSocket 如何判断是服务主动断开tcp socket连接?
  • QPainter绘制3D 饼状图
  • 前端开发中的贪心算法实践:以最小成本解决实际问题
  • 自由学习记录(36)
  • C语言之typedef
  • MySQL分库分表之ShardingSphere实战
  • 【Spring详解四】自定义标签的解析
  • EasyExcel的简单使用
  • 网络缓存加速技术解析:从诞生到演进