0.0.13 • Published 3 years ago
ld-taro-components v0.0.13
麟鼎组件库
项目说明
此项目包含了一些常用的组件,如表单组件、底部安全区域等等。目的是为了跨项目的使用公用组件。
项目地址:https://gitee.com/linding-tech/ld-taro-components
此项目是taro小程序 + rollup打包而成 taro版本是3.0以上。
迭代说明
问:我们如何给这个组件库添加组件?
1、需要去了解一下rollup打包原理,主要配置是rollup.config.js文件
2、在src目录下会有一份components文件夹,里面是一个个组件,我们新增组件也是把文件放在这里,其中LdCell是Cell组件的一种具体体现形式。
3、src目录下的style是组件的依赖样式表
4、src目录下的index.js是项目的出口,所以我们需要在index.js文件中把components中的组件暴露出去
5、当我们新增一个组件的时候,需要把组件的样式表加在style文件下的components文件下,其中组件名的形式命名文件。在components文件的index.scss文件中引入各个组件的样式表。
6、其中需要注意的是,在components(组件库)的各个组件的代码中,引入的是style文件夹下对应组件的样式表
7、最后我们跑yarn run build:rollup命令,会得到一份dist文件。
8、npm 更新版本,然后执行npm publish发布
使用说明
improt { Cells, LdCell } from 'ld-taro-components’
import '@~/ld-taro-components/dist/style/components/index.scss'
其中@~ 是你文件的node_modules所在路径