組件庫開發(fā)注意事項

一. 有父子組件需要拆分成兩個組件,兩個組件各自獨立一個文件夾.這樣打包的時候是一個獨立的包

image

二. 組件內(nèi)引入其他組件時.要在內(nèi)部引入組件,包括但不限于所有的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 } // <= 使用組件
}

三. 不需要響應(yīng)式的變量不要寫到data的return {} 里,影響性能,可以寫到return前

image

改成:

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

    }
}

四. 開發(fā)過程中本地分支提交后,遠程分支已經(jīng)review結(jié)束,合并分支并刪除后(實際上遠程已經(jīng)刪除的分支),本地產(chǎn)生多條無用分支記錄時,使用git命令清除分支殘留信息

image

刪除多余殘留信息

//確保本地以feature開頭的分支已經(jīng)完成代碼編寫并且提交到遠程分支后
git branch | grep 'feature*' | xargs git branch -d  //刪除本地以"feature*"開頭的分支
git remote prune origin;                            //刪除遠程分支殘留在本地的記錄