主要为解决.umirc.ts
文件中base
和publicPath
根据不同环境读取不同值的问题
- 安装
corss-env
npm i corss-env --save-dev
- 修改
package.json
{
...
"scripts": {
// 设置UMI_ENV环境
"dev": "cross-env UMI_ENV=dev umi dev",
"build": "cross-env UMI_ENV=prod umi build"
}
}
- 定义环境变量
新建.umirc[mode].ts
,mode
取值由UMI_ENV=*
来决定,在不同环境定义不同的base
和publicPath
// .umirc.dev.ts
import { defineConfig } from "umi";
export default defineConfig({
base:"/",
publicPath:"/",
});
// .umirc.prod.ts
import { defineConfig } from "umi";
export default defineConfig({
base:"/file-convert/",
publicPath:"./",
});