
react
文章平均质量分 57
langyanyanglei
这个作者很懒,什么都没留下…
展开
-
qiankun 入门(react和vue)
一、umi使用qiankun 插件使用方式一、主站1.安装插件yarn add qiankun # 或者 npm i qiankun -S2.配置qiankun开启2.1注册子应用a. 插件构建时配置子应用umirc.ts qiankun: { master: { // 注册子应用信息 apps: [ { name: 'app1', // 唯一 id entry: '//localhost:700原创 2022-05-06 22:34:53 · 798 阅读 · 0 评论 -
umi+qiankun如何使用Webpack5 模块联邦题】
前言官方文档:https://www.webpackjs.com/通过阅读文档,使用webpack 模块联邦有两个问题需要解决:异步导入react实例唯一,依赖共享 如果单纯在umi中使用模块联邦,可以使用umi插件的方式异步导入入口,依赖也可以使用shared来共享,但是这种方式在qiankun下使用会不兼容,在此我们主要说下umi+qiankun的思路, 对umi插件有兴趣可以翻下之前发的一个umi的文章思考:1、异步导入如何解决? 如果了解qiankun会知道,原创 2022-05-02 15:39:16 · 3373 阅读 · 2 评论 -
antd3 -- antd4 api差异之form组件
一.form组件1.使用方式1.antd3 使用需要注册 ..... const WrappedHorizontalLoginForm = Form.create({ name: 'horizontal_login' })(HorizontalLoginForm); 2.antd4 无需注册直接使用2.antd 4 api1.form 使用: const [fo...原创 2020-04-09 12:43:59 · 5270 阅读 · 0 评论 -
umi之路由系统
1.路由注册1.约定式路由通过文件路径来渲染2.配置式路由1.umi3 配置方式在配置文件routes进行配置,格式为数组export default { routes: [ { exact: true, path: '/', component: 'index' }, { exact: true, path: '/user', component: 'user' ...原创 2020-04-09 12:43:07 · 5889 阅读 · 2 评论 -
umi 项目配置
一、运行配置约定src/app.tsx为运行配置配置项目1.patchRoutes 修改路由,可获得整个路由系统export function patchRoutes({ routes }) { routes.unshift({ path: '/foo', exact: true, component: require('@/extraRoutes/foo')...原创 2020-04-09 12:41:31 · 15831 阅读 · 1 评论