低代码组件库
npm install cloud-wechat-lowcode-assetsshell
npm run lowcode:dev
`2. 打开 LightProxy 客户端,添加如下配置,将 wechat-page-creater 引用的 CDN 代理到 http://localhost:3333:
`shell
https://cloud-cdn.shuyun.com/cloud-wechat-lowcode-assets-h5/0.1.5/dist/view.js http://localhost:3333/view.js`3. 刷新 wechat-page-creater 页面即可。在 wechat-member-center-lowcode-assets 修改代码后,在 wechat-page-creater 页面中查看。
$3
1. 执行命令构建低代码包并将构建结果产物到小程序项目中,要求 wechat-member-center-mini-app 和 wechat-member-center-lowcode-assets 在同一个父级目录下。
`shell
npm run build:ui
`2. 刷新小程序页面进行验证
三、如何新增一个组件
新增组件四、如何发布
$3
1. 执行以下命令构建低代码包并将构建产物复制到 cloud-wechat-lowcode-assets-h5 项目中,要求 cloud-wechat-lowcode-assets-h5 和 wechat-member-center-lowcode-assets 在同一个父级目录下。
`shell
npm run build:h5
`2. 在 cloud-wechat-lowcode-assets-h5 项目中提交代码,并在效能平台进行发布
3. 将发布好的CDN版本更新到 wechat-page-creater 项目中,并发布 wechat-page-creater
4. 将发布好的CDN版本更新到 wechat-member-center 项目中(在 constants/version.js 中更新版本号即可),并发布 wechat-member-center
$3
1. 在 wechat-member-center-lowcode-assets 项目中,执行以下命令查看当前版本。
`shell
npm show cloud-wechat-lowcode-assets
`
2. 然后修改 package.json 的 version,(比如从 5.0.18 => 5.0.19),并 执行 npm publish
`shell
npm publish
`
3. 将升级后的版本号更新到 wechat-member-center-mini-app 中,提交代码,然后让测试发布即可。#### npm publish 常见问题
问题 1:Access token expired or revoked
- 原因:npm 访问令牌过期或已被撤销。npm 现在要求使用 Granular tokens(细粒度令牌)。
- 解决方案:
1. 访问 https://www.npmjs.com/settings/shuyunfe/tokens
2. 创建新的 Granular token(选择 Automation 或 Publish 权限)
3. 复制令牌后,使用以下方式之一登录:
- 方法 A:使用访问令牌登录
`shell
npm config set //registry.npmjs.org/:_authToken=YOUR_TOKEN
`
- 方法 B:使用 npm login(需要启用 2FA)
`shell
npm login
`问题 2:404 Not Found
- 原因:包名不存在或未登录到正确的 registry
- 解决方案:
1. 确认已登录:
npm whoami
2. 确认 registry 配置:npm config get registry(应该是 https://registry.npmjs.org/`)