首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
EMP
KenXu
创建于2021-10-16
订阅专栏
未来前端工程化的前沿技术推介
等 73 人订阅
共30篇文章
创建于2021-10-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
EMP3.0实战篇:企业级前端项目的性能飞跃与微前端创新
EMP3.0经过了两个月不断实战打磨,已发布正式版本,目前EMP3.0已经具备企业级项目使用的条件。EMP3.0在两个多月时间里覆盖多种类型项目,其中包含近30万行代码的模版工程、常规季度月度的活动。
F2C基于EMP3.0升级后构建性能提升10倍
背景 开始项目使用 webpack进行构建,构建速度、debug等严重影响迭代速度 构建过程中需要修正产物内容以及figma的适配,各种插件尝试浪费很多适配时间 改造 具体明细 多入口适配,Figma
EMP 3.0 利用LeftHooK 与 Biome 打造高性能代码格式化管理方案
随着 EMP v3 的推出,代码格式化和 Lint 工具的选择变得尤为重要。在这篇文章中,我们将深入探讨新引入的 @empjs/biome-config(Biome)与 ESLint 的对比,并展示为
EMP3.0-基于Rust生态打造的高性能前端构建系统
EMP3基于Rspack、new Module Federation、Lightningcss、Biome等前沿技术进行重构,实现了性能的飞跃性提升和功能的全面扩展。
EMP v2.7 全面解决 EMPShare共享的热更问题
01 基于Vue2的共享方式 热更新 准备工作,clone 项目代码 link,执行 pnpm i 启动 基站代码 vue-2-base pnpm dev 启动 应用代码 vue-2-project
EMP v2.5三级共享深度定制对ESM 的支持
版本背景 1 Module Federation 共享逻辑CDN复用性不高 2 ESM兼容性日益成熟,性能表现越来越好 3 市面上针对 ESM 的模块共享实现不完善 4 开发、正式环境结合共享的开发体
EMP React@18 的 安卓低版本支持
背景 最近升级了一批低版本的活动模版支持依赖 其中用到的库有 React@18 React-Dom@18 React-Router-Dom@6 Zustand@4 项目地址: Github Demo
EMP v2 Typescript 工作流
背景 对于微前端、微组件化开发最核心的部分就是跨组,跨部门的协同开发,本文主要描述 整个 EMP v2实现的 ts开发的工作流 类型生成 生成声明文件有两部分 MF 模式类型生成 提供基站使用方进行使
EMP 2.0 - 构建完善的微组件化生态闭环
背景 webpack5 总体打包体积过慢、开启缓存并没有很少解决当前问题 module federation 涉及到 single 与 eager 的问题,横向共享增加会加大体积与构建复杂度 项目配置
EMP v1.8 配置优化详解
为了更直观地配置EMP 1.8之后把配置文件进行了TS改造,适配了绝大多数的webpack5配置的同时、简化了配置难度,加入了代码提示!
EMP 实现多版本 Mobx 模块共享
mobx5 与 mobx 6 再 module federation下共存的项目实战、以及注意事项等
基于 EMP 实现 Module Federation 动态更改 Remote Host
External Template Remotes 核心概念 在运行时定义URL 更好地实现版本缓存、动态缓存
EMP 下一代微前端解决方案 V1.8.0 工程化推进
EMP微前端 目前项目遇到的使用问题 以及微前端的一些问题整理和优化,目前订立更具象化的工程化内容如下:1 emp-config.ts 引入 优化EMP配置方案 v1.8.0已完成json expor
微前端 Emp 的 2020 | 掘金年度征文
本文将以微前端 Emp 框架(后面称 Emp)项目成员的角度总结在过去 2020 中探索微前端框架的过程。 综上所述,引入Single-spa 会增加部署、维护、改造的成本。所以转向研究 Module Federation 。 研究结论:基于 Module Federation…
EMP微前端实战之欢聚变色龙
在开发过程中,经常会遇到业务方快速上线功能需求,如协议页、图文介绍页、引导页等静态页或榜单、抽奖等动态活动页。无论是静态还是动态页面,会增加研发工作量与时间成本,下面列举一些痛点: 开发一个能够让各业务方的产品或运营人员快速配置活动并上线活动页的平台就油然而生。 1. 上线成本…
EMP微前端分享内容回顾(下)
PK条是包含了业务逻辑的组件,用于显示多人之间的pk进度,主要用到PC客户端的内嵌页面web项目和移动端APP的内嵌页面web项目中。所以,我们要解决的是,pc web项目和移动端web项目之间如何共享这个组件资源。 有三种方案,一种是简单的复制粘贴,我们就不考虑了。第二种是n…
EMP微前端分享内容回顾(中)
基于这些脚手架生态,上层的使用设计也有一定的技巧。比较推荐的使用方式是,可以搭建一个应用基站,基站内部可以放置多个项目的共享资源(组件、模块、方法等),这些共享资源放在基站,可以让专门的几个人维护,确保稳定性和可靠性。其他的业务项目,比如图中的APP1和APP2,可以使用基站资…
EMP微前端分享内容回顾(上)
大家好,今天我们将带来EMP微前端解决方案。看到这个名字,大家脑海里是否会想起这些问题:EMP是个什么?微前端又是什么?微前端有什么用?EMP微前端的价值点在哪里? 带着这些问题,我们来一起学习。 首先,介绍一下我们团队成员。EMP微前端解决方案是一个生态,是由我们团队成员一起…
@vue/cli Vue2 模版迁移到微前端 EMP
删除node_modules目录在package.json删除以下依赖yarnadd-D@efox/emp-cli@efox/emp-vue2yarn在项目根目录创建emp-config.js修改pu
EMP微前端实战之YY语音PC客户端模板重构
YY语音是欢聚时代旗下一款知名的集娱乐,交友,游戏,教育等于一身,并包含移动端、web端,PC端三端的国内聊天直播软件。 为了能够让用户在产品中得到更好的体验,同时摒弃过时技术,保持对前沿技术的探索,与时俱进,公司决定对YY PC客户端(以下简称PC端)现有一些主要模板进行we…
下一页