乐智组件库 | Molecule

0.4.4

• 海报组件安全区域出现文字内容重叠Bug修复

0.4.1

• 海报组件的关闭按钮样式优化
• 海报组件底部支持动态安全区域

开发说明

• 支持jsx和.vue两种组件开发方式。.vue模板文件开发方式暂时不支持依赖图片等非JS资源。
• 像素单位没有转换为rem，基于375px屏幕。默认业务项目中配置了postcss
• 开发流程: 开发 -> 测试 -> 文档 -> 发布
• 分支管理: 采用打tag的形式，小版本可以快速迭代，新功能升级大版本。

目录

• src: 组件、插件和指令等源码
• lib: npm run build:lib生成lib文件，npm依赖的入口。每个组件目录都会包含组件入口文件(index.js)和样式文档(index.less)
• demo: 基于webpack + vue + vue-router的示例测试项目。demo中的示例也用于文档展示。
• docs: 基于vuepress的组件文档。npm run build:docs生成可部署的静态资源文件。

脚本

构建lib

npm run build:lib

构建文档和示例

npm run build:docs

本地测试

sudo npm run dev

预览文档

npm run docs

如何本地测试

• zlf-molecule-ls项目中修改代码

npm run build:lib // 构建
npm link // 把包link到本地

• 在依赖zlf-molecule-ls的业务项目中关联依赖，进行测试

npm link zlf-molecule-ls