配置文件--UmiJs

配置文件

umi 允许在 .umirc.js 或 config/config.js (二选一,.umirc.js 优先)中进行配置,支持 ES6 语法。

为简化说明,文档里只会出现 .umirc.js

比如:

export default {
  base: '/admin/',
  publicPath: 'http://cdn.com/foo',
  plugins: [
    ['umi-plugin-react', {
      dva: true,
    }],
  ],
};

.umirc.local.js

.umirc.local.js 是本地的配置文件,不要提交到 git,所以通常需要配置到 .gitignore。如果存在,会和 .umirc.js 合并后再返回。

UMI_ENV

可以通过环境变量 UMI_ENV 区分不同环境来指定配置。

举个例子,

// .umirc.js
export default { a: 1, b: 2 };

// .umirc.cloud.js
export default { b: 'cloud', c: 'cloud' };

// .umirc.local.js
export default { c: 'local' };

不指定 UMI_ENV 时,拿到的配置是:

{
  a: 1,
  b: 2,
  c: 'local',
}

指定 UMI_ENV=cloud 时,拿到的配置是:

{
  a: 1,
  b: 'cloud',
  c: 'local',
}
### 关于 UmiJS 中 Plugin-Qiankun 插件 为了使应用程序能够作为可被主应用集成的子应用,在项目中需引入 `@umijs/plugin-qiankun` 这一插件,并在 `.umirc.js` 文件中的 plugins 配置项里添加该插件的相关设置[^1]。 #### 安装依赖 首先,确保已安装必要的包。可以通过如下命令完成: ```bash npm install @umijs/plugin-qiankun --save ``` #### 修改配置文件 接着修改`.umirc.js` 或者 `config/config.ts` 文件,加入 qiankun 的支持: ```javascript export default { plugins: [ ['@umijs/plugin-qiankun', {}], ], }; ``` 此操作使得当前的应用程序可以作为一个独立运行的服务端渲染(SPA)页面存在,同时也具备成为其他大型单页应用的一部分的能力。 #### 主应用注册微前端实例 对于希望集成多个子应用形成更大规模系统的开发者来说,则需要在主应用侧执行相应的初始化工作。这通常涉及到调用来自 `qiankun` 库的方法来声明各个子模块的位置及其激活条件[^3]: ```javascript import { registerMicroApps, start } from 'qiankun'; registerMicroApps([ { name: 'sub-1', entry: '//localhost:7001', // 子应用地址 container: '#container', // DOM容器ID activeRule: '/app1' // 路由规则 } ]); start(); ``` 上述代码片段展示了如何在一个主应用内注册并启动名为 "sub-app-1" 的子应用,指定其加载路径、挂载位置以及触发显示的具体 URL 模式。 通过这种方式,不仅简化了多团队协作下的前后端分离架构设计,还促进了不同业务逻辑之间的解耦合与重用性提升。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北海屿鹿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值