鏈€杩戞湁涓」鐩紙鍙玃椤圭洰锛夊仛浜嗕竴涓猆I瑙嗚缁熶竴銆備箣鍓嶆湁涓€涓皬椤圭洰浣跨敤榛樿涓婚theme-d锛岃繖娆￠拡瀵硅繖涓渶姹傚彂甯冧簡涓€濂梩heme-p涓婚銆傜劧鍚庡彂鐢熶簡鎰忓銆傛洿鏂颁富棰樺悗锛屾垜浠殑瀵硅瘽妗嗘樉绀哄紓甯搞€備娇鐢ㄦ帶鍒跺彴鏌ョ湅鏍峰紡閫氳繃鏌ョ湅鏍峰紡锛屾垜浠彂鐜伴兘鏄疷I鏍峰紡锛屽苟娌℃湁鎴戜滑鎵嬪姩瑕嗙洊鐨勬牱寮忋€備絾鏄繖閲屾湁涓€涓紓甯革紝鏈夋晥鐨勬牱寮忔湁鍥涚锛屾甯告儏鍐典笅鍙湁涓€绉嶃€備絾鏄繖閲屾垜蹇界暐浜嗚繖涓棶棰橈紝鎴戜互涓哄彧鏄浣欑殑瀵煎叆锛屾垨鑰呮湁澶氫釜鍥犱负娌℃湁externals鍜宲eerDependencies銆傜湅璧锋潵鏍峰紡鏈夋晥浣嗘晥鏋滀笉姝ｇ‘銆傛垜鎬€鐤戞槸theme-p鏈夐棶棰橈紝浣嗘槸鍦ㄦ枃妗ｇ珯鐐逛笂鏄甯哥殑銆傞偅鎴戜滑鍙兘鎯冲姙娉曟壘鍑烘槸璋佸紩鍏ヤ簡杩欎釜閿欒鐨勬牱寮忋€傞€氳繃鎺у埗鍙橀噺鐨勬柟寮忥紝鍥犱负椤甸潰鏄剧ず鐨勬槸鏍峰紡锛屾病鍔炴硶浠庢枃浠跺悕鍒囧叆锛屾墍浠ヨ繖閲屾垜鍏堥噰鐢ㄤ簡鎺у埗鍙橀噺鐨勬柟寮忋€俶ain.ts浠ｇ爜鍏ㄩ儴娉ㄩ噴鎺夈€俶ain.ts鍚姩涓€涓柊椤甸潰锛岄〉闈笂鍙憟鐜板璇濇銆傛煡鐪嬫晥鏋滐紝瀵硅瘽妗嗘晥鏋滃拰theme-p鏂囨。绔欑偣涓€鏍枫€俶ain.ts鏀惧紑鍘熷浠ｇ爜銆傛煡鐪嬫晥鏋滐紝瀵硅瘽鏁堟灉鎬€殑銆傝繖鏃跺垽鏂棶棰樺嚭鍦╩ain.ts銆傛敞閲婃帀main.ts鐨勪竴鍗婏紝瑙傚療鏁堟灉銆傚鏋滄晥鏋滀笉姝ｅ父锛岄噸澶嶇6姝ワ紝娉ㄩ噴鎺変竴鍗娿€傚綋鏁堟灉姝ｅ父鏃讹紝鎭㈠涓€鍗娿€傜洿鍒版渶鍚庡彧淇濈暀涓嬩竴琛屾湁闂鐨勪唬鐮佸埌鏂囦欢涓紝閲嶅绗?姝ワ紝鏈€鍚庡氨鍙互瀹氫綅鍒伴敊璇唬鐮佽銆備綘浠ヤ负鏁呬簨灏辫繖鏍风粨鏉熶簡鍚楋紵濂囨€殑鏄垜鎵惧埌浜嗗嚑涓綅缃€傜涓€娆″畾浣嶅埌涓夋柟渚濊禆锛堟病鏈夊畬鍏ㄥ畾浣嶏紝浼拌鏄缂撳瓨蹇芥偁浜嗭級銆傜浜屾鎴戝湪import{dialog}from'ui'涓壘鍒颁簡鍙︿竴浣嶅悓浜嬶紱鍦ㄦ垜浠殑涓氬姟缁勪欢搴擄紙ui-p锛変腑銆傝繖涓€鐐逛篃寰堥噸瑕侊紝鍙槸浠栧悗鏉ヤ粙鍏ヤ簡瀹氫綅锛屼笉鐒舵垜浠彲浠ユ煡鐨勬洿蹇€傚叾瀹炶繖閲屽瑙ｅ喅闂甯姪涓嶅ぇ銆傝€屼笖鎴戜滑鐨勯」鐩弗閲嶄緷璧栧祵濂楋紝瀵艰嚧鑰楁椂涓ラ噸銆傚ぇ鑳嗙寽娴嬫垜瀹氫綅浜嗕袱娆′箣鍚庯紝鎴戠煡閬撳垎鏋愰棶棰樻槸涓嶅彲鑳界殑锛岀劧鍚庢垜灏辩粰浜嗗嚑涓ぇ鑳嗙殑鐚滄祴銆傛病鏈塭xternals锛屽姞杞戒簡鏂扮殑style锛屽鑷磗tyleweight寮傚父銆傝繖閲岀殑鐗圭偣鏄骇鍝佷腑浼氭湁甯xternal鐨刢ss浠ｇ爜锛屾墍浠ュ姞杞戒簡鏂扮殑鏍峰紡锛屽鑷存牱寮忔潈閲嶅紓甯搞€傝繖閲岀殑鐗圭偣鏄細鏈夋槑纭殑require()鍜屼竴浜沬mport'ul.css'涓嶆槸鎸夐渶瀵煎叆鐨勩€傚湪鎴戠粰鍑虹寽娴嬬殑鏃跺€欙紝鎴戝凡缁忔湁浜嗛鎰燂紝鍥犱负ui-p浣跨敤鐨勬槸榛樿涓婚锛屽苟涓斿仛浜唀xternals锛屽姞涓婃垜浠仛浜嗗紓姝ョ粍浠讹紝鎵€浠ュ鑷翠富棰樺啿绐併€傚彟澶栨湁鍚屼簨鍒嗘瀽璇存槸ui-p鐨勶紝鎵€浠ユ垜浠笅涓€姝ュ氨鏄獙璇佹槸涓嶆槸ui-p鐨勯棶棰樸€傛柇鐐硅皟璇曟槸鐨勶紝浣犳病鍚敊锛岄鏍间篃鍙互鏄€滄柇鐐硅皟璇曗€濄€傛垜浠鍏堝湪node_modules涓殑dialog.css涓坊鍔犱簡涓€琛屼唬鐮乥ody{background:red}銆傜劧鍚庝娇鐢–hrome-Devetools涓殑鎼滅储鎵惧埌body{background:red}鎵€鍦ㄧ殑鏂囦欢锛屾柇鐐硅皟璇曚唬鐮佸悗灏卞彲浠ョ湅鍒板爢鏍堜俊鎭簡銆傚彂鐜版爤涓湁涓€涓猽i-p鎺у埗鍙橀噺鎺у埗鐫€鎵€鏈夌殑ui-p缁勪欢銆傚共鎺夊畠锛屽彂鐜板璇濇涔熸甯镐簡銆傝В鍐硊i-p鍜屼富搴旂敤涓婚涓嶅悓鐨勯棶棰樸€傚皢ui-p鍗囩骇涓簍heme-p銆傚皢p鎭㈠涓簍heme-d銆傚垹闄i-pui-p浣滀负鍛藉悕绌洪棿銆傞€夋嫨浜嗗懡鍚嶇┖闂淬€備綘浠ヤ负灏卞湪杩欓噷锛熸病鏈夛紝鎴戞妸鍛藉悕绌洪棿鍖呮斁鍒颁簡椤圭洰涓€傝繑鍥烇紒鏄殑锛佹湁锛侀棶锛侀棶棰橈紒瀹屼簡锛寀i-p涓嶆涓€涓紝鍐嶉噸澶嶄笂闈㈢殑鎿嶄綔銆備絾鏄繖涓煡鐨勭粨鏋滃緢绂昏氨锛屾樉绀哄姞杞戒簡common.js銆傝繖璁╂垜鎬€鐤戞槸鍙︿竴涓綅缃殑splitChunks寮傚父淇敼浜唖plitChunks绛栫暐锛屽洜涓篴ll琚敤浜嗭紝鎵€浠ュ悎骞朵簡async鍜宨nitial銆傝繖涓猧nitial鐨勭敤閲忓叾瀹炰細寮傚父澶э紝鍥犱负閲岄潰鏈塧sync鐨勪唬鐮併€傛墍浠ユ垜浠彧闇€瑕佸皢鍏舵敼涓篿nitial锛岄噸鏂扮紪璇戝嵆鍙€傗溈鉁裤兘(掳鈻铰?銉庘溈鎴愬姛浜嗭紝鎴戜笉鎰ф槸鏈€缇庡皯骞淬€傝繖鏃跺€欐垚鍔熺殑鏉′欢宸茬粡鍙樻垚浜嗕袱涓紝鎵€浠ユ垜浠鐪嬬湅鏄笉鏄彧鏄痵plitChunks鐨勯棶棰樸€傚ソ鍦ㄤ袱涓兘蹇呴』瀹屾垚鎵嶅彲浠ヨВ鍐抽棶棰橈紙鎴戠殑鏃堕棿娌℃湁娴垂馃惗锛夐渶瑕佸仛涓€涓猲amespacereviewsplitChunks搴旇鏄笉闇€瑕佺殑锛屼絾鏄痙ialog涓嶅湪鎴戠殑async閲岄潰锛屾墍浠ユ垜鏄甯哥殑銆傝皟鏌ユ柟娉曡繕闇€瑕佺户缁皟鏌ャ€備笂闈㈢殑鏂规鏁堢巼姣旇緝浣庯紝璇烽棶鏈変粈涔堝姙娉曞彲浠ユ煡鍒癱ss鏄湪鍝噷寮曞叆鐨勫悧锛熷湪杩欓噷闂簡鍑犱釜鍚屼簨锛屽ぇ瀹堕兘娌℃湁鍋氳繃锛岃繕鏈涚煡閬撶殑鑰侀搧鐣欒█銆倃ebpack鍙互鍚楋紵宸磋礉灏旀湁鍙兘鍚楋紵--reportofcli鍙敤鍚楋紵鏄惁鍙互浣跨敤鎺у埗鍙版柇鐐硅繘琛岃皟璇曪紵鏄惁鏈夊帇缂╁墠浠ｇ爜鐨勪竴浜涙弿杩帮紵澶栭儴锛岃繖鏄垜鑳芥兂鍒扮殑涓€涓綅缃€傞粯璁ゅ皢鍖呭惈宸ヤ欢涓殑浠ｇ爜锛屽閮ㄥ皢鎴愪负require()璇彞銆俥xternalsCheckyarnbuild--targetlib--namemyLib--report閫氳繃璋冩暣buildtarget锛屾樉绀簂ib鐗堟湰鐨勮祫婧愶紝纭疄鎵惧埌浜嗐€備絾鏄湅鍒颁箣鍚庝竴澶撮浘姘达紝鍥犱负鍙堟槸ui-p銆傚埌杩欓噷鎴戝氨褰诲簳绯婃秱浜嗭紝鍥犱负鎴戜滑鐨勯」鐩槸monorepo锛屾墍浠ユ€€鐤戞槸涓嶆槸渚濊禆鐨勯棶棰橈紝浣嗘槸鏈€鍚庤繕鏄病鎵惧埌闂鎵€鍦ㄣ€侾roject&Screenshot鎴戝湪缇ら噷璐村嚭浜嗘垜鐨勬姤鍛婃埅鍥撅紝鏈夊叴瓒ｇ殑鍙互鐪嬬湅銆傚浜庤椤圭洰锛屾殏鏃舵病鏈夊鐜癲emo銆?/p>
