电子邀请-新一代Electron开发构建工具

鍓嶈█寰楃泭浜嶸ite浼樼鐨勫墠绔紑鍙戜綋楠岋紝瓒婃潵瓒婂鐨凟lectron椤圭洰寮€濮嬩娇鐢ㄥ畠鏉ユ瀯寤哄紑鍙戙€傜炕鐪嬪悇绉嶇ぞ鍖鸿祫婧愶紝鍙互鎵惧埌寰堝鍩轰簬Vite鐨凟lectron寮€鍙戞ā鏉匡紝浣嗘槸瀛樺湪涓€浜涘叡鍚岀殑闂锛氶厤缃浉瀵瑰鏉傜箒鐞愶紙main銆乸reload鍜宺enderer鍒嗗埆閰嶇疆锛夛紝闇€瑕佽緟鍔╄剼鏈厤鍚堜笌缂栬瘧鍜屽紑鍙戙€傝嚜涓婚€夋嫨鍓嶇妗嗘灦锛坴ue锛宺eact锛宻velte锛?..锛夐潰瀵硅繖浜涢棶棰橈紝鎴戜滑闇€瑕佸Electron鏈変竴涓簡瑙ｃ€侲lectron鏄竴涓熀浜嶤hromium鍜孨ode.js鐨勬闈㈠簲鐢ㄧ▼搴忔鏋讹紝杩欐剰鍛崇潃缂栬瘧鍜屾瀯寤哄伐鍏烽渶瑕佸悓鏃跺鐞唍ode.js鍜屾祻瑙堝櫒鐜鐨勪唬鐮併€傝繖鏄疎lectron寮€鍙戝拰鏋勫缓宸ヤ綔澶嶆潅鐨勪富瑕佸師鍥犮€傜煡璇嗙偣涓昏繘绋嬪拰棰勫姞杞借剼鏈渶瑕佸熀浜巆js妯″潡鍖栨爣鍑嗘瀯寤猴紝杩愯鍦╪ode鐜娓叉煋杩涚▼涓紝閫氬父浼氶泦鎴恦ue绛夌幇浠ｅ墠绔鏋躲€傚紑鍚痭ode闆嗘垚锛屽叏绋嬪熀浜巆js妯″潡鍖栨爣鍑嗙紪鍐欎唬鐮併€傝櫧鐒朵笉闇€瑕佺紪璇戞瀯寤猴紝浣嗕笉鍒╀簬鐜颁唬鍓嶇妗嗘灦鐨勪娇鐢紝鍚屾椂涔熶細闈复涓ラ噸鐨勬€ц兘鍜屽畨鍏ㄩ棶棰樸€傚熀浜巈sm鏍囧噯锛屼笉缂栬瘧鏋勫缓锛岃櫧鐒秐ode鏈韩鏀寔銆備絾鏄疎lectron涓嶆敮鎸侊紝杩欎篃鏄疎lectron鍚庣画鐗堟湰鐨勪綔鍝併€備粈涔堟槸鐢靛瓙閭€璇凤紵electron-vite鏄竴涓笌Vite闆嗘垚鐨凟lectron鏋勫缓宸ュ叿銆傚紑鍙戣€呮棤闇€杩囧鍏虫敞閰嶇疆锛屾棤璁洪€夋嫨鍝鍓嶇妗嗘灦锛岄兘鍙互杞绘澗瀹屾垚鏋勫缓锛屾彁楂楨lectron鐨勫紑鍙戞瀯寤烘晥鐜囥€傜壒鐐光殹锔忎娇鐢ㄦ柟寮忎笌Vite鐩稿悓馃敤涓绘祦绋?娓叉煋娴佺▼/棰勫姞杞借剼鏈潎浣跨敤Vite鏋勫缓馃搩缁熶竴鎵€鏈夐厤缃苟鍚堝苟涓轰竴涓枃浠娥煋﹂璁炬瀯寤洪厤缃紝鏃犻渶鍏虫敞閰嶇疆馃殌鏀寔娓叉煋娴佺▼鐑洿鏂?HMR)瀹夎npmielectron-vite-D寮€鍙戠紪璇戝湪瀹夎浜唀lectron-vite鐨勯」鐩腑锛屽彲浠ョ洿鎺ヤ娇鐢╪pxelectron-vite杩愯锛屾垨鑰呭湪package.json鏂囦欢涓坊鍔爊pmscripts:{"scripts":{"start":"electron-vitepreview",//鍚姩electronapp棰勮鐢熶骇鏋勫缓"dev":"electron-vitedev",//鍚姩寮€鍙戞湇鍔″櫒鍜宔lectronapp"prebuild":"electron-vitebuild"//buildforproduction}}涓轰簡浣跨敤鐑洿鏂?HMR)锛屾偍闇€瑕佷娇鐢ㄧ幆澧冨彉閲?ELECTRON_RENDERER_URL)鏉ョ‘瀹欵lectron绐楀彛鍔犺浇鏈湴椤甸潰杩樻槸杩滅▼椤甸潰銆俧unctioncreateWindow(){//鍒涘缓娴忚鍣ㄧ獥鍙onstmainWindow=newBrowserWindow({width:800,height:600,webPreferences:{preload:path.join(__dirname,'../preload/index.js')}})//鍔犺浇鐢ㄤ簬寮€鍙戠殑杩滅▼URL鎴栫敤浜庣敓浜х殑鏈湴html鏂囦欢.loadFile(path.join(__dirname,'../renderer/index.html'))}}娉ㄦ剰锛氬湪寮€鍙戜腑锛屾覆鏌撹繃绋嬬殑index.html鏂囦欢闇€瑕侀€氳繃{//鏉′欢閰嶇疆浣跨敤defineViteConfig//...})})hint:defineViteConfigfromViteExportin.preset閰嶇疆鏍规嵁涓昏繘绋嬬殑缂栬瘧椤归璁撅細outDir:out\main锛堢浉瀵逛簬鏍圭洰褰曪級target:node*锛岃嚜鍔ㄥ尮閰岴lectron鐨刵ode鏋勫缓鐩爣锛屽Electron17鏄痭ode16.13lib.entry:src\main\{index|main}.{js|ts|mjs|cjs}锛堢浉瀵逛簬鏍圭洰褰曪級锛屽鏋滄病鏈夋壘鍒板垯涓虹┖ID锛屼細鑷姩鍚堝苟锛夋牴鎹畃reload鑴氭湰缂栬瘧椤归璁撅細outDir锛歰ut\preload锛堢浉瀵逛簬鏍圭洰褰曪級target锛氬悓涓昏繘绋媗ib.entry锛歴rc\preload\{index|preload}.{js|ts|mjs|cjs}锛堢浉瀵规牴鐩綍锛夛紝鎵句笉鍒板垯涓虹┖outDir:out\renderer(鐩稿浜庢牴鐩綍)target:chrome*锛岃嚜鍔ㄥ尮閰岴lectron鐨刢hromebuildtarget銆傛瘮濡侲lectron17鏄痗hrome98lib.entry:src\renderer\index.html锛堢浉瀵逛簬鏍圭洰褰曪級锛屽鏋滄病鏈夋壘鍒板垯涓虹┖polyfillModulePreload:false锛屾覆鏌撹繃绋嬩笉闇€瑕乸olyfillModulePreloadrollupOptions.external.鍚屼富娴佺▼鎻愮ず锛氬鏋滄兂鍦ㄧ幇鏈夐」鐩腑浣跨敤杩欎簺棰勮閰嶇疆锛屽彲浠ヤ娇鐢╒ite鎻掍欢vite-plugin-electron-config(https://github.com/alex8088/v...)閰嶇疆闂濡傛灉Electron鏈夊涓獥鍙ｏ紝搴旇濡備綍閰嶇疆锛熷綋Electron搴旂敤绋嬪簭鏈夊涓獥鍙ｆ椂锛屾剰鍛崇潃鍙兘鏈夊涓猦tml椤甸潰鍜宲reload鑴氭湰锛屼綘鍙互杩欐牱淇敼浣犵殑閰嶇疆鏂囦欢锛歟xportdefault{main:{},preload:{build:{rollupOptions:{input:{娴忚鍣?resolve(__dirname,'src/preload/browser.ts'),webview:resolve(__dirname,'src/preload/webview.ts')}}}},娓叉煋鍣?{鏋勫缓:{rollupOptions:{杈撳叆:{娴忚鍣?resolve(__dirname,'src/renderer/browser.html'),webview:resolve(__dirname,'src/renderer/webview.html')}}}}}epilogue椤圭洰鐜板凡寮€婧愶紝娆㈣繋鎵€鏈夋劅鍏磋叮鐨勫皬浼欎即璐＄尞锛屾彁浜R鎴栧弽棣坕ssue锛岀粰浜坰tar鏀寔https://github.com/alex8088/e...