electron打包后，运行时为何离不开resources文件夹下的源文件？
可以使用webpack来打包electron的源代码，避免在运行时需要访问原始的源文件。1. 在项目根目录下创建一个webpack配置文件，命名为webpack.config.js，并添加以下代码：
const path = require('path');
module.exports = {
entry: './resources/app/main.js', // 入口文件
output: {
path: path.resolve(__dirname, 'dist'), // 打包输出目录
filename: 'bundle.js' // 打包输出文件名
}
};
2. 在package.json文件中添加一个脚本命令来运行webpack：
"scripts": {
"build": "webpack"
}
3. 运行npm run build命令来运行webpack，它将会根据webpack.config.js文件中的配置打包源代码并输出到dist目录下。
4. 修改electron的主进程入口文件为打包后的文件路径，例如修改package.json中的main字段为："main": "dist/bundle.js"。
5. 运行electron应用程序时，它将会加载dist/bundle.js文件而不是原始的源文件，这样就不需要访问源文件了。
通过webpack打包electron的源代码，可以更方便地管理和更新应用程序的源文件，同时避免了在运行时需要访问源文件的问题。
绛旓細"scripts": { "build": "webpack"} 3. 杩愯npm run build鍛戒护鏉ヨ繍琛寃ebpack锛屽畠灏嗕細鏍规嵁webpack.config.js鏂囦欢涓殑閰嶇疆鎵撳寘婧愪唬鐮佸苟杈撳嚭鍒癲ist鐩綍涓嬨4. 淇敼electron鐨勪富杩涚▼鍏ュ彛鏂囦欢涓鎵撳寘鍚鐨勬枃浠惰矾寰勶紝渚嬪淇敼package.json涓殑main瀛楁涓猴細"main": "dist/bundle.js"銆5. 杩愯electron搴旂敤绋...
绛旓細Electron鎵撳寘搴旂敤绋嬪簭鍚庯紝鍦ㄨ嫻鏋滅數鑴戜笂鏃犳硶姝ｅ父杩愯锛屽彲鑳芥槸鐢变簬浠ヤ笅3鐐瑰師鍥犲鑷寸殑銆1銆佹灦鏋勯棶棰橈細鍦ㄨ嫻鏋滅數鑴戜笂杩愯鐨勫簲鐢ㄧ▼搴忓繀椤绘槸閽堝macOS鐨剎86鎴栬厁64鏋舵瀯缂栬瘧鐨勶紝濡傛灉鎮ㄧ殑Electron搴旂敤绋嬪簭娌℃湁閽堝杩欎袱绉嶆灦鏋勮繘琛岀紪璇戯紝灏辨棤娉曞湪鑻规灉鐢佃剳涓婅繍琛屻傚缓璁偍纭涓涓嬪簲鐢ㄧ▼搴忕殑鏋舵瀯鏄惁姝ｇ‘銆2銆佺増鏈棶棰橈細鑻规灉...
绛旓細1銆佸鏋滃彧鏄渶瑕杩愯璧锋潵锛屼笉闇瑕鎵撳寘锛閭ｄ箞鍙互鍦╨inux寤烘枃浠跺す锛宯pm瀹夎瀵瑰簲鍖咃紝鐒跺悗灏唚in涓嬬殑浠ｇ爜鎷疯礉鍒板搴斾綅缃嵆鍙繍琛屻2銆佸鏋滈渶瑕佹墦鍖咃紝鍒欐瘮杈冨鏉傘傚ぇ鑷翠负锛歛) 寤篴pp鏂囦欢澶癸紝灏嗕唬鐮(鍚玦ndex.js鏂囦欢锛夋嫹璐濆埌鍏朵腑銆俠) npm瀹夎asar锛岀敤asar鐨刾ack鍛戒护锛屽皢app鏂囦欢澶规墦鍖呮垚涓涓枃浠禷pp.asar asar p...
绛旓細鏂规硶涓銆佺洿鎺ュ湪鍛戒护琛岀紪杈戝懡浠わ紝杩涜鎵撳寘 绀轰緥浠ｇ爜濡備笅锛氬懡浠よ鎵撳寘 electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=1.0.0 --overwrite --ignore=node_modules --electron-version 8.2.1 鏂规硶浜岋細鍦╬ackage.json鏂囦欢涓繘...
绛旓細1銆佸嵏杞介噸鏂板畨瑁咃紝娉ㄦ剰鐢ㄧ鐞嗗憳妯″紡瀹夎锛屽悓鏃跺叧闂潃姣掕蒋浠躲傛湁浜涙儏鍐典笅鍥犱负鏉姣掕蒋浠剁殑鍘熷洜鎶婅蒋浠剁殑鏌愪簺鏂囦欢鍒犳帀閫犳垚鏃犳硶鍚姩锛岀敤绠＄悊鍛樻ā寮忓惎鍔ㄨ蒋浠2銆佽蒋浠剁殑鍏煎鎬ч棶棰橈紝鍙兘鏄湁浜涚數鑴戠殑绯荤粺姣旇緝鍙よ侊紝鍜electron鏈夊吋瀹规ч棶棰橈紝鏇存柊electron鐗堟湰姣旇緝瀹规槗鏈夊叾浠栭棶棰橈紝瑙ｅ喅鏂规硶鏄互鍏煎妯″紡鍚姩杩愯杞欢銆
绛旓細涓嶆槸绠＄悊鍛樸傛墍浣跨敤鐨勭敤鎴蜂笉鏄鐞嗗憳锛岄偅涔鎵撳寘鏃浼氶亣鍒版病鏈夋潈闄愮殑闂锛岄渶瑕佸皢褰撳墠鐢ㄦ埛鎻愭潈鍒扮鐞嗗憳鏉冮檺鎴栧垏鎹㈣嚦绠＄悊鍛樿鑹诧紝鎵嶈兘澶熸湁璁稿彲鏉冮檺锛屾墍浠electron杩愯鎵撳寘鎻愮ず娌℃湁璁稿彲鏉冮檺鏄洜涓轰笉鏄鐞嗗憳銆傛潈闄愭寚鐨勬槸涓嶅悓璐︽埛瀵规枃浠讹紝鏂囦欢澶癸紝娉ㄥ唽琛ㄧ瓑鐨勮闂兘鍔涖
绛旓細鍒欏彲浠ヤ娇鐢ㄤ互涓嬩唬鐮侊細`win.loadURL(`file://${__dirname}/views/home.html`)`銆傚叾涓紝`views`鏄綘鍒涘缓鐨勬枃浠跺す鍚嶇О銆Electron鎵撳寘涓篐5鐨勪紭鍔垮湪浜庡彲浠ュ湪妗岄潰鐜涓杩愯浣犵殑H5搴旂敤锛屽苟浜彈Electron鎻愪緵鐨勪竴浜涘師鐢熷姛鑳姐備絾Electron鎵撳寘鐨凥5搴旂敤鎬ц兘鍙兘涓嶅涓撻棬涓篐5璁捐鐨勬祻瑙堝櫒浼樺寲銆
绛旓細Electron鎵撳寘鐨勫簲鐢ㄥ寘鍚袱涓儴鍒嗭細Electron鐨勭幆澧(node) 鈥 涓昏繘绋嬨亀eb娓叉煋鐜 鈥 娓叉煋杩涚▼銆侲lectron涓紝鍏ュ彛鏄痡s鏂囦欢(閫氬父涓簆ackage.json閲岀殑main鑴氭湰)锛岃繍琛姝ゆ枃浠剁殑杩涚▼鍗充负涓昏繘绋嬶紝鍦ㄤ富杩涚▼涓娇鐢˙rowserWindow妯″潡鍙互鍒涘缓骞剁鐞唚eb椤甸潰锛屼篃灏辨槸搴旂敤鐨凣UI銆傚湪涓昏繘绋嬪垱寤虹殑姣忎釜web椤甸潰閮借繍琛岀潃鑷繁鐨...
绛旓細1.涓嬭浇瀹夎node锛岃繖涓洿鎺ュ埌瀹樼綉涓婁笅杞藉氨琛岋紝閫夋嫨閫傚悎鑷繁绯荤粺鐨勭増鏈氨琛岋紝濡備笅锛氬畨瑁呭畬鎴鍚庯紝鎴戜滑鍙互鎵撳紑cmd绐楀彛锛岃緭鍏ュ懡浠も渘ode-v鈥,濡傛灉鏄剧ず鍑簄ode鐨勭増鏈紝鍒欒瘉鏄庡畨瑁呮垚鍔燂紝濡備笅锛堟垜鐨勬槸鏃╂湡鐨勭増鏈級锛2.涓嬭浇瀹夎electron鍜宔lectron-packager鍖咃紝鎵撳寘绋嬪簭鐨勬椂鍊瑕佺敤鍒拌繖2涓寘锛岃繖涓洿鎺ュ湪cmd绐楀彛浣跨敤...
绛旓細瀹夎鎴愬姛鍚庯紝杩愯npm run electron:serve锛屽鏋滃嚭鐜颁互涓嬮〉闈紝璇存槑鎴愬姛浜 // 鎵ц涓嬮潰鐨勫懡浠ゅ嵆鍙 npm run electron:build //鍦╠ist_electron鐩綍涓嬩細鍙戠幇涓涓猠xe锛屽弻鍑昏繖涓猠xe浼氭墽琛屽畨瑁呯▼搴忋 //杩樻湁涓涓獁in-unpacked鏂囦欢澶癸紝閲岄潰鏄垜浠箣鍓鎵撳寘鐨勬ā寮忥紝鐐瑰嚮閲岄潰鐨別lectron-vue-my.exe锛屽嵆鍙繍琛...
