前言 接上一篇，通过插件实现了拖拽缩放等功能，但是也产生一些问题，这次针对这些问题，使用原生方法来进行优化和调整。

写作背景：上一篇最终因为版本依赖的不一致导致组件文档站点没能编译通过，当时选择了 vuepress@next，这次重新选择了 vuepress@1.x 的版本，但还是存在 webpack

本文提出了加载远程模块的一些场景，然后尝试实现在vite中加载远程模块，最终实现了一个vite插件用于解决此问题

或许你在工作中用不到低代码平台，也对低代码平台没啥兴趣，但是如果低代码平台能够帮助你学习一套完整的技术栈，一套完整的技术体系，成为学习练手平台，是不是就有点意思了。

本文记录了一个支持加载远程组件低代码平台，基于vite、和vite-plugin-remote-module，通过扩展远程模块的形式来规避组件化低代码平台扩展性较差问题的思路。

前言 最近答应教弟弟用Vue3+ts写业务代码，拿商城练手。 牵涉到类似有赞微页面的功能，随手把实现方案分享一下。 demo 需求 设计功能组件，按需布局，可控参数，多端复用。下图 分析 图中视图区域

1. CodeSandbox(基于 React 的在线代码沙盒平台) 我常用的 ① 主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…