在开发企业级低代码平台会有这样一种场景，平台内置的组件不能满足客户的需求，客户希望能够自定义组件，但是我们源码不能给客户，这时候就需要一种方案加载客户自定义的组件。

之前写了基于Vue2版的加载远程.vue组件，后面有友友问关于 Vue3 的版本，经过踩坑实践后写出来了记录一下

低代码平台最容易遇到的问题，就是如何解决依赖大量组件导致的初次加载大文件的性能问题？抽象化问题，就是如何解决组件按需加载和远程加载，本文会详细描述整个过程。

在工作台应用，使用远程组件构成页面，但面临JavaScript和CSS的隔离问题。解决CSS隔离的方法是给组件内的CSS添加前缀，以防止样式污染。

一、什么是远程组件 这里是指在生产环境中，从服务端远程下载一个JS文件并注册成组件，使其在生产环境中能够使用。 二、背景 1. 项目背景 我们的项目是个低代码平台，它内置了一些常用组件，可供用户使用。

想必对于一个前端来说，大家对echarts并不陌生，本次文章主要记录了我在vue2中使用echarts 渲染3d地图过程中的一点心得，本文代码包含详细的配置项注释~

腾讯开源的 hel，提供了一种运行时引入远程模块的能力，模块部署在 CDN，远程模块发布后，不需要重新构建发布，就能生效。个人觉得它的实现原理非常的不错，因此分享给大家。

看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现