浣滆€咃細HannahLin鏉ユ簮锛歮edium鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愪紵澶х殑璧板悜涓栫晫銆戝叧娉ㄨ繖浣嶅噷鏅ㄨ繕鍦ㄦ礂纰楃殑娲楃鏅鸿€呫€傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq449245884/xiaozhi锛岄噷闈㈡湁瀹屾暣鐨勬祴璇曠珯鐐广€佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€傝櫧鐒禡onorepository锛堢畝绉癕onorepo锛夌殑姒傚康鐢辨潵宸蹭箙锛屼絾杩戝嚑骞存墠寮€濮嬫祦琛岃捣鏉ャ€傛垜鍏徃杩欏叚涓湀鎵嶆帹鍑鸿繖涓灦鏋勶紝鍚冧簡涓嶅皯鐢滃ご涔嬪悗锛屾兂鍐欎竴绡囨枃绔犱粙缁嶄竴涓嬶紝甯屾湜鏇村鐨勪汉鐭ラ亾杩欎釜鏋舵瀯銆傛湰鏂囨病鏈夋簮鐮侊紝鑰屾槸浠庣幇鏈夋灦鏋勶紙SingleRepoMonolith,Multi-repo锛夌殑鐥涚偣鍑哄彂锛屼负浠€涔堣浣跨敤Monorepo绛夌幇鏈夋灦鏋勯亣鍒颁簡鍝簺闂锛熷墠绔湪20骞村墠杩樺緢绠€鍗曪紝浣嗗湪杩囧幓鐨?鍒?骞撮噷鍙戠敓浜嗙炕澶╄鍦扮殑鍙樺寲銆傜幇鍦ㄥ緢灏戞湁浜哄彧鐢ㄧ函html/css/js鏉ュ仛缃戠珯锛屽ぇ閮ㄥ垎閮芥槸浠庤繃鍘荤殑妗嗘灦寮€濮嬶紝渚濊禆寰堝锛圫CSS棰勫鐞嗗櫒銆佷换鍔＄鐞嗗櫒銆乶pm銆乼ypescript...锛夈€傚綋鍥㈤槦鍙戝睍鍒颁竴瀹氳妯℃椂锛屼細鍒嗙鍑哄嚑涓笉鍚岀殑浜у搧锛屾瘡涓骇鍝佷娇鐢ㄧ殑渚濊禆涔熶笉涓€鏍凤紝缁存姢璧锋潵寰堝洶闅俱€傚浣曢伩鍏嶆簮浠ｇ爜閲嶅鍜屽垎閰嶈亴璐ｏ紵璁╂垜閫氳繃瀹為檯渚嬪瓙鍚戞偍浠嬬粛銆傚鏋渟hop.com鍏徃浠婂ぉ鏈夊嚑涓」鐩紝姣忎釜椤圭洰閮芥湁涓嶅悓鐨勮礋璐ｅ洟闃熴€傝喘鐗╃綉绔檚hop.com(React)checkoutshop.com/cart璐墿缃戠珯绉诲姩鐗坢.shop.com(涓嶆槸RWD锛屾槸鐙珛缃戠珯)鍚庡彴admin.shop.com(Vue)鍒嗘瀽鐢ㄦ埛缃戠珯analytics.shop.com(瑙掞級娉ㄣ€傝櫧鐒朵綘鍙互涓轰笉鍚岀殑椤圭洰閫夋嫨浣跨敤涓嶅悓鐨勫墠绔鏋讹紝浣嗘槸濡傛灉浣犱娇鐢ㄥ悓涓€涓紝浣犱細鐪嬪埌monorepo鏇村ぇ鐨勫ソ澶勩€俿hop.com鍜宻hop.ocm/cart铏界劧鍦ㄥ悓涓€涓煙涓嬶紝浣嗘槸浠栦滑璐熻矗鐨勬槸瀹屽叏涓嶅悓鐨勫洟闃熴€傚湪濡傛澶嶆潅鐨勭粨鏋勪笅锛屾垜浠瘮杈冪啛鎮夌殑鏂瑰紡灏辨槸Monolith鍜孧ultirepo銆愭墿灞曢槄璇伙細寰墠绔▼搴忔灦鏋勫垵鎺€慡ingle-repoMonolith馃槹涓€寮€濮嬪ぇ瀹堕兘鐢ㄨ繖绉嶆灦鏋勬潵寮€鍙戯紝浣嗘槸闅忕潃鍓嶇宸ョ▼瓒婃潵瓒婂鏉傦紝鍓嶇闇€瑕佸仛鐨勪簨鎯呰秺鏉ヨ秺澶氾紝寮曞叆鐨勪緷璧栦篃瓒婃潵瓒婂銆傚湪Single-repoMonolith鏋舵瀯涓嬶紝鏁翠釜鍖呬細鍙樺緱瓒呯骇鑲ワ紝蹇呴』鏁翠釜鍖呬竴璧烽儴缃层€傚綋鐒讹紝delopy鏃堕棿浼氭瘮杈冮暱銆傝繖鏍风殑鏋舵瀯缂虹偣寰堟槑鏄撅紝鏃犳硶瀹炵幇楂樻墿灞曟€у拰楂樻晥鐨勭粍缁囧紑鍙戙€係ingle-repoMonolithapps鈹渘ode_modules鈹渓ibs//Thingstoshare鈹渄esign-systems|鈹滆妭鐐规ā鍧梶鈹渪x...鈹滃簵閾簗鈹滆妭鐐规ā鍧梶鈹滆喘鐗╄溅||鈹渪x...|鈹渪x...鈹滄墜鏈哄簵|鈹滆妭鐐规ā鍧梶鈹渪x...鈹滅鐞嗗憳|鈹滆妭鐐规ā鍧梶鈹渪x...鈹滃垎鏋恷鈹滆妭鐐规ā鍧梶鈹渪x...鈹渆2e|浼氱敤鍒癕ultirepo锛屾瘡涓嫭绔嬬殑case閮戒細鏈夊搴旂殑repo锛屾瘡涓洟闃熺淮鎶よ嚜宸辩殑浜у搧锛屽緢瀹规槗鏄庣‘鑱岃矗Design-systemsRepositorydesign-systems鈹渘ode_modules鈹渆2e鈹渪xxxShopRepositoryshop|鈹滆妭鐐规ā鍧梶.ShopCartRepository:CartCart浼氳鎷嗗垎鎴愪袱涓猂epositoryshop-cart鍥犱负瀹冨睘浜庡彟涓€涓猼eam|鈹滆妭鐐规ā鍧梶鈹渆2e|鈹渪x...鎵嬫満鐗圧epositoryshop-mobile|鈹滆妭鐐规ā鍧梶.Admin璧勬枡搴撶鐞嗗憳|鈹滆妭鐐规ā鍧梶鈹渆2e|鈹渪x...AnalyticsRepositoryanalytics|鈹滆妭鐐规ā鍧梶鏄殑锛屾墍浠ヤ綘蹇呴』鑷繁鎼缓webpack锛屽紑鍙戠幆澧冿紝濡備綍閮ㄧ讲绛夌瓑銆傚鏋?0涓猺epos闇€瑕佺淮鎶よ繖10涓厤缃紝濡傛灉repos涓嶄竴鑷达紝閭ｄ箞绠＄悊璧锋潵浼氬緢楹荤儲锛屽叡浜唬鐮佺淮鎶ゆ垚鏈篃浼氬鍔犮€傞」鐩箣闂村緢澶氶€昏緫鏄噸澶嶇殑锛屼絾鏄洜涓簉epos涓嶅悓锛岃皟璇曠殑鏃跺€欓渶瑕佷竴娆′慨澶嶄簲浠斤紝缁存姢璐规椂璐瑰姏銆傛垚鏈浉褰撻珮銆傛偍鍙兘鎯宠鎷夊嚭灏嗗崟鐙噸澶嶄娇鐢ㄧ殑涓滆タ銆傚垱寤轰竴涓猯ibsRepository锛岀洿鎺ユ敼libs灏卞彲浠ヤ簡锛岀劧鍚庤繘绋嬩細鏀规垚libsRepository锛岀増鏈粠1.0鍒?.12.shop,shop-mobile,admin,analyticinstall鏈€鏂扮殑libs1.1commitchanges,鐒跺悗pushupdateAself-repo锛寃aitingdeploy涔熸槸Multirepo鏈€甯歌鐨勬姳鎬紝鍥犱负repo琚垏鐨勫お缁嗕簡锛屼娇寰楀彧鍏变韩浠ｇ爜鐨勫皬鏀瑰姩杩囩▼闈炲父澶嶆潅锛岃姳璐圭殑鏃堕棿涔熸瘮杈冮珮銆備緷璧栫殑鐗堟湰绠＄悊鍙樺緱寮傚父澶嶆潅銆俁eact17.0.2鍜屽晢搴椾粛鍦?5.6涓€傚鏋滄柊鐗堟湰鏀惧純浜嗘煇浜涙敮鎸侊紝灏变細鍑虹幇閿欒銆傛垨鑰呭洜涓烘病鏈夊強鏃舵媺鍙栨渶鏂扮殑libsRepo锛屽鑷存洿鏂颁笉鍙婃椂锛屽嚭鐜颁簡bug銆侻onorepo馃槉Monorepo鍙互瑙ｅ喅涓婅堪Multirepo鐨勭棝鐐广€傜敱浜庡彧鏈変竴涓猂epo锛岀鐞嗚捣鏉ラ潪甯告柟渚裤€傚鏋滀竴涓獁ebpack銆佷竴涓猼estsuiterunner銆佷竴涓叡浜緷璧栨湁鍙樺寲锛屾墍鏈変娇鐢ㄨ繖涓緷璧栫殑椤圭洰閮戒細鐭ラ亾锛岃€屼笖鍥犱负鍙湁涓€涓猺epo锛屾墍浠ュぇ瀹堕兘鍦ㄧ敤鏈€鏂扮殑浠ｇ爜锛屼笉浼氫娇鐢ㄦ洿鏂扮殑鎯呭喌涓嶅強鏃躲€俛pps鈹滆璁＄郴缁熲敎design-systems-e2e鈹滃晢搴梶|鈹渃art鈹渟hop-e2e鈹渟hop-mobile鈹渟hop-mobile-e2e鈹渁dmin鈹渁dmin-e2e鈹渁nalytics鈹渁nalytics-e2enode_moduleslibs鈹渦tilslibs涓嬮潰鍙互鏀句换浣曞叡浜殑涓滆タ锛屾瘮濡俤esignsystems,TSInterfaces,JSUtilities锛孍TC銆傝繖鏍凤紝姣忎釜鍥㈤槦鍙笓娉ㄤ簬鑷繁鐨勯」鐩€備緥濡傦紝shop-mobile鍥㈤槦鍙細鏇存敼姝ゆ枃浠跺す涓殑鍐呭锛屽苟涓斾粬浠篃鍙互浠呭湪鏋勫缓鏃惰繍琛宻hop-mobile銆傝櫧鐒秏onorepo涓昏鍏虫敞涓€涓猺epo鍜屼竴涓猵ackage.json锛屼絾鏄叕鍙歌繕鏄細鎶婁竴浜泃eam-specificpackage鏀惧湪鑷繁鐨勬枃浠跺す閲屻€傛瘮濡傝偗瀹氬彧鏈塪esign-system瀵筭atsby鏈夌敤銆傛墍浠ヨ繖閲岀殑璁剧疆杩樻槸鍙互鏍规嵁鑷繁鐨勫叕鍙告潵璋冩暣鐨勶紝浣嗘槸濡傛灉浠ュ悗杩欎釜鍖呭緢鏈夊彲鑳借鍏朵粬鍥㈤槦鐢ㄥ埌鐨勮瘽锛屾渶濂芥斁鍦ㄦ渶澶栧眰銆傚簲鐢ㄢ敎璁捐绯荤粺|鈹渘ode_modules鈹渄esign-systems-e2e浼樼偣configs鍜宼est缁熶竴绠＄悊锛氬洜涓哄彧鏈変竴涓猺epo锛屼笉闇€瑕侀噸澶嶉厤缃幆澧冿紝鍖呮嫭CI/CD銆乽nit銆乪2e銆亀ebpack锛屽彧闇€瑕佺淮鎶や竴涓垢杩愮殑鏄紝閮ㄧ讲鏃堕棿闈炲父蹇細铏界劧鏄悓涓€涓猺epo锛屼絾鍙互閽堝涓嶅悓鐨勬儏鍐佃缃瓹I/CD鍗曠嫭閮ㄧ讲銆傚鏋滃叡浜唬鐮佸彂鐢熷彉鍖栵紝鎮ㄤ笉闇€瑕佸澶氫粨搴撲腑鐨勬瘡涓」鐩兘杩涜鎷夊彇璇锋眰锛岃€屽彧闇€鏇存柊浣跨敤姝ゅ叡浜唬鐮佺殑椤圭洰鍗冲彲銆傜鐞嗕緷璧栧緢瀹规槗锛氫竴涓猺epo锛屼竴涓猵ackage.json鍙互鐢ㄦ潵鍏变韩浠ｇ爜锛坙ibs锛夌紪璇戞椂闂达細浣跨敤monorepo缂栬瘧鏃堕棿涓嶄細鍙樻參锛屽洜涓轰娇鐢ㄥソ鐨刴onorepo宸ュ叿锛堟瘮濡俷x锛変細甯綘鍋氬仛濂界紦瀛樹紭鍖栨€ц兘銆傚綋鐒讹紝monorepo浠嶇劧鏈変竴浜涚己鐐广€備唬鐮佸簱寰堝ぇ銆傛瘡涓汉閮藉彲浠ユ洿鏀瑰叾浠栧洟闃熺殑浠ｇ爜锛氬洜涓哄彧鏈変竴涓猺epo锛屼絾杩欎笉鏄粈涔堝ぇ闂锛屽洜涓轰唬鐮佹帹閫侀渶瑕佺粡杩噋ullrequestreview銆傚鏋滈€氳繃浜嗭紝灏辫鏄庢病鏈夌鐞嗗ソ銆傗潓//shop.jsimport'adminTools'from'admin'濡傛灉浣犳兂瀵煎叆monorepo锛屾垜鎺ㄨ崘Nx銆傚畼鏂规枃妗ｈ鐨勫緢娓呮锛岃繕鏈変竴浜涜棰戞暀绋嬨€傛€荤粨褰撶劧锛屽苟涓嶆槸姣忎釜椤圭洰閮介€傚悎鐢╩onorepo绠＄悊銆傞」鐩唴瀹归€夋嫨鍚堥€傜殑鏋舵瀯杩樻槸寰堟湁蹇呰鐨勶紝浣嗘槸涓€鑸潵璇达紝濡傛灉椤圭洰瓒冲澶э紝涓嶅悓鐨勫洟闃熷鐞嗕笉鍚岀殑椤圭洰锛宮onorepo杩樻槸姣旇緝鍚堥€傜殑銆備唬鐮侀儴缃插悗锛屽彲鑳藉瓨鍦ㄦ棤娉曞疄鏃惰幏鐭ョ殑BUG銆備簨鍚庝负浜嗚В鍐宠繖浜汢UG锛岃姳浜嗕笉灏戞椂闂村湪鏃ュ織璋冭瘯涓娿€傞『渚挎帹鑽愪竴涓ソ鐢ㄧ殑BUG鐩戞帶宸ュ叿Fundebug銆傚師鏂囷細https://medium.com/hannah-lin...浜ゆ祦鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愬ぇ鍗冧笘鐣屻€戝叧娉ㄨ繖浣嶅ぇ娓呮棭杩樺湪娲楃鐨勬礂纰楁櫤鎱с€傛湰鏂嘒itHubhttps://github.com/qq44924588...宸叉敹褰曪紝鏈夊畬鏁寸殑娴嬭瘯绔欑偣銆佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€?/p>
