鎴戝皾璇曞啓浜嗕竴涓伐鍏凤紝宸茬粡鍙戝竷鍒皀pm锛屽湴鍧€锛歨ttps://www.npmjs.com/package...娆㈣繋澶у鏉ヨ瘯璇晘杩欓噷鍏堟槸涓€涓枃妗ｏ紝鍚庨潰鍐嶈瀹炵幇鎬濊矾馃榿浠嬬粛鏍规嵁浣犳彁渚涚殑router瀵硅薄锛岃嚜鍔ㄥ垱寤哄搴旂殑椤甸潰鏂囦欢鐩綍鍜?vue缁勪欢鏂囦欢锛圫FC锛夛紝甯綘鐪佸幓閲嶅澶嶆潅鐨勯〉闈㈢洰褰曞拰鏂囦欢鍒涘缓鎿嶄綔銆備竴鑸殑vue-router閰嶇疆锛屽亣璁炬垜浠緭鍑轰竴涓猺outer://./src/router/index.jsimport{createRouter,createWebHashHistory}from'vue-router';importComponent1from'../views/page1inthefile/Component1.vue'constroutes=[{path:'/page1',component:Component1,},{path:'/page2',component:()=>import('../views/page2/Component2.vue'),children:[{path:'/page2-1',component:require('../views/page2-1/Component3.vue').default;,}]}];constrouter=createRouter({history:createWebHashHistory(),routes,})exportdefaultrouter鎵цauto-vue-route-sfc鍛戒护鍚庯紝浼氬湪椤圭洰鐩綍涓嬬湅鍒拌嚜鍔ㄧ敓鎴愬搴旂殑椤甸潰鐩綍鍜屾枃浠讹細your-project/src鈹傗敂鈹€views鈹溾攢page1鈹侰omponent1.vue鈹傗敂鈹€page2鈹侰omponent2.vue鈹傗敂鈹€page2-1Component3.vue鍑芥暟馃挕鏀寔vue-router3銆乿ue-router4浣跨敤馃挕鏀寔鐨勬ā鍧楀姞杞借娉曪細import銆乮mport()銆乺equire()馃挕鏀寔鑷繁灏佽import()鍜宺equire()锛屼緥濡傦細constYourImport=(src)=>process.env.NODE_ENV==='寮€鍙??require(src).default:()=>import(src)//鍙湁鐢熶骇鐜浣跨敤鎳掑姞杞絚onstroutes=[{path:'/page1',component:YourImport('./Component.vue'),//浣犲皝瑁呯殑import鏂规硶}]constrouter=newVueRouter({routes})exportdefaultrouter鉂屾殏鏃朵笉鏀寔ts浣跨敤鎸囧崡璇风‘淇濅綘宸茬粡瀹夎浜唙ue-router锛屽苟涓旀湁杈撳嚭router瀵硅薄鐨勬枃浠?exportdefaultrouter)installnpmi-Dauto-vue-route-sfc鍒涘缓閰嶇疆鏂囦欢鍩虹鍦ㄩ」鐩牴鐩綍涓嬪垱寤洪厤缃枃浠禷uto-vue-route-sfc.config.js锛屽唴瀹圭ず渚嬪涓嬶細module.exports={entry:'./your/router-dir/index.js',routerDir:'./your/router-dir'}鍏朵腑锛歟ntry锛氭槸浣犵殑杈撳嚭璺敱鍣ㄥ璞★紙瀵煎嚭榛樿璺敱鍣級鏂囦欢routerDir锛氬氨鏄綘鐨勮矾鐢卞姛鑳芥ā鍧楁墍鍦ㄧ殑鐩綍銆?'./src/router/index.js',routerDir:'./src/router',//浣跨敤鍒悕alias:{'@':'./src','$':'./xxx','srcxxx':'./src/xxx'}}濡傛灉娌℃湁鍒涘缓閰嶇疆鏂囦欢锛屽鏋滃湪椤圭洰鏍圭洰褰曚笅娌℃湁鎵惧埌auto-vue-route-sfc.config.js锛屽氨浼氳涓烘槸涓嬮潰杩欐牱榛樿閰嶇疆锛歿entry:'./src/router/index.js',routerDir:'./src/router',alias:{}}濡傛灉浣犱娇鐢╲ue-cli鍒涘缓涓€涓甫鏈塿ue-router鐨勯」鐩紝鍒欓粯璁ら厤缃拰浣犵殑椤圭洰鐩綍璺緞涓€鑷达紝涓嶉渶瑕侀澶栨敼鍔ㄥ拰閰嶇疆杩愯鍛戒护鏂规硶涓€鎵撳紑缁堢鍦ㄦ牴鐩綍涓嬭繍琛宯pxauto-vue-route-sfc鏂规硶浜屼綘鍙互閰嶇疆椤圭洰package.json涓殑鑴氭湰鍛戒护//package.json"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint","auto:sfc":"npxauto-vue-route-sfc"//Newcommand}锛岀劧鍚庡湪缁堢杩愯npmrunauto:sfc濡傛灉椤哄埄锛屼綘浼氱湅鍒颁綘鐨勯〉闈㈢洰褰曞拰缁勪欢鏂囦欢鑷姩鍒涘缓鍦ㄩ」鐩笅锛佹敞鎰忦煉′綘鍙互闅忔椂娣诲姞鏂扮殑璺敱閰嶇疆锛岀劧鍚庤繍琛岃繖涓伐鍏风敓鎴愮浉搴旂殑鏂扮洰褰曞拰鏂伴〉闈㈡枃浠躲€備綘鍐欒繃鐨勬棫鐩綍鍜屾棫椤甸潰鏂囦欢涓嶄細琚鐩?)鉂屼絾鏄浜庢洿鏀规垨鍒犻櫎鏃ц矾鐢憋紝姝ゅ伐鍏蜂笉浼氭洿鏀规垨鍒犻櫎鏃х洰褰曪紝鏃ч〉闈㈡枃浠讹紝鍥犱负瀹冭繕涓嶆槸椤甸潰鐩綍Manager:(
