项目需求

阿里开源了它们的低代码平台,我们使用的时候发现它是分为两个部分的,一个是使用部分(低代码拖拽),一个是开发部分(组件开发),我们有很多的组件是需要高度自定义的,所以就需要自行开发组件(他们内部称为物料),就需要使用到物料的开发,发包,使用。这里我们就发包来做的整理

参考

阿里低代码平台
物料扩展

物料发npm 包 具体步骤
1. 在package.json 中修改版本号

image.png

2.在.tmp 文件夹中 index.jsx 中找到自己的package,修改版本号

image.png

3.控制台 输入 npm publish --access=public\
4.收到邮件 + 下图,表示发包成功

image.png

5.把build文件夹中 lowcode /assets-prod.json 文件中的package 和 components 复制下来

image.png

6.进入主项目

new-lowcode-project /components/lowcodeEngine/dev-assets.json 中,
找到package components ,分别复制到最下面

image.png

7.验证确实可以出现 在通过连接热更新到线上 更新版本号就可以了

更新物料的链接:
<url 链接地址 >  物料代码发完包后,调用这个接口把版本号更新下就可以了

ps: 这个是后端支持,没有的话就按照步骤6,本地更新,然后重新更新主代码包

image.png

8.注意:发包需提前申请npm 账号

进入npm 官网 注册(用户名,密码,邮箱) —  登录

image.png

在发包的时候,需要把packages.json中的name 改成@+用户名

例如:

原本
"name": "lowcode-app-material",
修改为:
"name": "@an_mengdi/lowcode-app-material",

在vscode登录你的npm账号

npm login //终端打开输入npm login
Username: //输入npm账号 
Password: //输入npm密码 
Email: (this IS public) //输入注册邮箱
9.报错

fcbf1d1da169ddd93eda3a4ebb0f124.png

以上都按照步骤来了,还有报错,
检查package.json 里面的name 是否修改,version是否修改,还有.tmp/index.jsx 中的 version 是否修改

2bd8a82642201bf94f0a39edad50b0f.png

最后在检查 node 版本,大概率是版本高了,降一下node 的版本

Logo

低代码爱好者的网上家园

更多推荐