2023-01-03

组件库开发注意事项

一. 有父子组件需要拆分成两个组件,两个组件各自独立一个文件夹.这样打包的时候是一个独立的包

image

二. 组件内引入其他组件时.要在内部引入组件,包括但不限于所有的icons,input,button等等..

image

添加:

注意: 封装组件过程中尽量不使用<配置 babel-plugin-import 插件>形式的按需引入,参照下面 LuIconLoading 写法

//注意: 封装组件过程中尽量不使用<配置 babel-plugin-import 插件>形式的按需引入
//请参照下面 LuIconLoading 写法
import LuInput from 'xxxx' // <= 引入组件
import LuButton from 'xxxx' // <= 引入组件
import LuIconLoading from '@dingdao/lucid-icons/lib/icon-loading'// <= 引入组件
export default {
    name:'xxx'
    component:{LuInput,LuButton,LuIconLoading } // <= 使用组件
}

三. 不需要响应式的变量不要写到data的return {} 里,影响性能,可以写到return前

image

改成:

data() {
    this.weeks = [xxx]
    return {

    }
}

四. 开发过程中本地分支提交后,远程分支已经review结束,合并分支并删除后(实际上远程已经删除的分支),本地产生多条无用分支记录时,使用git命令清除分支残留信息

image

删除多余残留信息

//确保本地以feature开头的分支已经完成代码编写并且提交到远程分支后
git branch | grep 'feature*' | xargs git branch -d  //删除本地以"feature*"开头的分支
git remote prune origin;                            //删除远程分支残留在本地的记录