Bee Cli - wepy小程序组件化解决方案

Bee Cli - wepy小程序组件化解决方案

Bee Cli - 组件化解决方案

Bee Cli是min-cli在wepy上的实现。

◆ 安装

$ npm install -g @b1/bee-cli

◆ wepy小程序框架模板 BeeWepy

bee init # 选择新建小程序# example#? 请设置项目目录 ~/test#? 请选择项目类型 新建小程序#? 是否继续高级设置 Yes#? 请设置项目标题 Test#? 请设置小程序AppId touristappid#? 请设置项目描述 Test-小程序#? 是否使用全局变量 Yes#? 请设置GIT仓库地址 git://example.git#? 请设置Author ex

微信开发者工具 —— 目录指向生成的 dist/, 运行报错:

微信开发者工具-->项目-->关闭ES6转ES5。微信开发者工具-->项目-->关闭上传代码时样式自动补全。微信开发者工具-->项目-->关闭代码压缩上传

◆ wepy小程序Ui组件库模板 BeeUi

bee init # 选择新建组件库# example#? 请设置项目目录 ~/test#? 请选择项目类型 新建组件库#? 是否继续高级设置 Yes#? 请设置项目标题 Test#? 请设置小程序AppId touristappid#? 请设置项目描述 Test-组件库#? 请设置组件名前缀 test#? 是否使用全局变量 Yes#? 请设置NPM模块的scope名称 @b1#? 请设置GIT仓库地址 github://example.git#? 请设置Author ex

微信开发者工具 —— 目录指向生成的 dist/, 运行报错:

微信开发者工具-->项目-->关闭ES6转ES5。微信开发者工具-->项目-->关闭上传代码时样式自动补全。微信开发者工具-->项目-->关闭代码压缩上传

◆ 在Ui组件库中开发组件

新建组件

$ bee new *name#? 请选择新建类型 新建组件#? 请设置新组件的英文名称 test-xx#? 请设置新组件的中文标题 xx

该命令会在src/packages生成组件的npm库，同时生成指定模板的样例页面修改组件首页中的config.js组件开发时，注意在app.wpy中加入相应的页面

开发实时编译

$ npm run dev

发布组件

$ bee publish# example#$ bee publish#? 请选择发布方式 发布项目里的每个组件#info Checking for updated packages...#info Comparing with @b1/bee-code-input@1.0.4.#info Checking for prereleased packages...#? Select a new version for @b1/bee-code-input (currently 1.0.4) (Use arrow keys)#❯ Patch (1.0.5)# Minor (1.1.0)# Major (2.0.0)# Prepatch (1.0.5-0)# Preminor (1.1.0-0)# Premajor (2.0.0-0)# Prerelease# Custom

把该组件库commit到一个远程仓库中。如果检测不到你的组件更新，使用git add 把新组件加入到索引中设置你npm publish 环境 https://blog.csdn-/Thenightelfsnow/article/details/78573179该命令会给项目打上tag并提交，同时会publish你的组件到npm.org

◆ 组件使用安装

安装组件

$ npm install @b1/bee-code-input -S

◆ 使用组件

import wepy from 'wepy'import BeeCodeInput from '@b1/bee-code-input'export default class Index extends wepy.component { components = { BeeCodeInput } data = {} methods = {}}

◆ 相关资源：

小程序开发文档wepymin-climinui

◆ 开源协议

基于 MIT License，请自由的享受、参与开源。

◆ Contributing

Fork itCreate your feature branch (git checkout -b my-new-feature)Commit your changes (git commit -am 'Added some feature')Push to the branch (git push origin my-new-feature)Create new Pull Request

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。