组件库开发注意事项
一. 有父子组件需要拆分成两个组件,两个组件各自独立一个文件夹.这样打包的时候是一个独立的包
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; //删除远程分支残留在本地的记录
