umijs多环境配置_umi3+react+antd pro 多环境打包配置【方法一】

本文介绍了如何在umi3框架下,结合react和antd pro实现多环境打包配置,包括本地、生产及测试环境。通过修改package.json的scripts,使用cross-env设置环境变量,并在config/config.ts中根据环境变量调整publicPath和devtool。同时,通过chainWebpack配置调整了静态资源的输出目录,确保不同环境的资源路径正确。
摘要由CSDN通过智能技术生成

umi3+react+antd pro 在打包时只区分了:本地 + 生产,umi3的package.json scripts 部分如下:"scripts": {

"analyze": "cross-env ANALYZE=1 umi build",

"build": "umi build",

"start": "umi dev",

"qa": "umi build",

"start:no-mock": "cross-env MOCK=none umi dev",

"start:no-ui": "cross-env UMI_UI=none umi dev"

},

这样在发布测试环境的时候只能执行 num run build 来执行打包命令。

问题:如果“测试环境”的静态资源跟“生产环境”资源地址,以及api请求不同的时候就没办法做处理了。

为了区分“测试”和“生产”上scripts中新增加了"qa": "umi build" 但是仍然没有区分出是生成还是测试来。借助cross-env对qa命令行修改如下:"qa": "cross-env mode=development umi build", 在 config/confit.ts 下接收 mode(方法:const mode = process.env.mode;)

config/config.ts内容如下:// https://umijs.org/config/

import {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值