这个是在 config.js 中配置了 mountElementId, 该配置的作用是指定应用被加载到哪个 dom 节点上的,插件默认是 slave-root,而 ant-design-pro 默认的是 root, 所以在 src/pages/document.ejs 中将id 修改为 config.js 中的 mountElementId 即可,推荐使用下面的方法 <div id="<%= context.config.mountElement...
找到nginx 的位置,mac 系统默认安装路径在/usr/local/etc/nginx下, 在 nginx.conf 中添加 http 配置下添加 server server{listen5002;root/Users/phobal/Documents/demo/antd-pro-microfe/app1/dist;# 子项目打包地址indexindex.html;# 开启跨域add_headerAccess-Control-Allow-Origin*;add_headerAccess-Control-A...
ant design pro vue 安装使用 前提: 做项目时偶然了解到微前端的概念,在详细了解后觉得对分解【巨石】应用有很大的帮助,查阅了一些文档和资料后自己整了一套,以备后用~ 2、重命名生成的文件: Ant-Design-Pro-Main Ant-Design-Pro-SubAppA 3、主应用和子应用都要安装qiankun插件: yarn add @umijs/plugin-q...
四月份启动了一个ERP项目,基础架构设计采用了微前端(qiankun)+ ant-design-pro,开始一时爽,后面火葬场,这里记录一下这次实践的过程。直接看DEMO点这里 1. 创建主应用 1.1 通过umi 初始化 ant-design-pro // 通过umi初始化项目npm create umi...
Ant Design Pro Github(⭐️ 32.7k):https://github.com/ant-design/ant-design-pro Ant Design Mobile Github(⭐️ 10.5k):https://github.com/ant-design/ant-design-mobile 2. Element UI Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。 2.2 启动项目 2.2.1 安装 新建一个空的文件夹作为项目目...
一、Ant Design Pro的设计理念 1.1 Ant Design Pro的设计体系概述 Ant Design Pro 作为一款专为中台前端设计和开发量身定制的框架,自诞生之日起便致力于解决企业级应用中常见的复杂性问题。它不仅仅是一个工具箱,更是一种设计理念的体现。基于 Ant Design 的设计体系,Ant Design Pro 在保证功能性的基础上,进一步...
这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro,谈一谈自己的使用心得,个人见解有误的地方望大家指正! 1、为什么要选择ant-design-pro? 其实我来目前公司之前,公司前端技术栈是vue+vuex+elementui+axios,但是奈何公司前端利用vue做出来东西表现确实一般,更重要的是代码有点乱,用我自己的话...
微前端之案例——以antpro为主,react、vue、angular为子应用【注】按照案例来,一定可以成功(每一步都写清楚了)1. 主要技术:qiankun、react(umi框架)+antd、vue+vant、angular+antdqiankun官网umi-qiankun、 umi-qiankun案例2. 搭建主应用:参考:antd pro官网底部yarn...
🐛 bug 描述 目前我是在用微前端来重构新项目,老项目里用了 ant-design-vue,而新项目里用 React 的 ant-design,因为这两者样式冲突,所以希望在新项目里使用 prefixCls 修改类名前缀。 const renderApp = (props: any) => { const { container } = props; ReactDOM.ren