資訊專(zhuān)欄INFORMATION COLUMN
摘要：我使用來(lái)打包文件，打包的特點(diǎn)是，要寫(xiě)一大串命令，或者在根目錄下的文件中配置相應(yīng)的字段如下項(xiàng)目項(xiàng)目項(xiàng)目簡(jiǎn)單介紹一下用到的打包字段，詳細(xì)
我使用electron-packager來(lái)打包文件，electron-packager打包的特點(diǎn)是，要寫(xiě)一大串命令，或者在根目錄下的package.json文件中配置相應(yīng)的字段如下：
"scripts": {
"start": "electron .",
"packagerWin64": "electron-packager ./ "項(xiàng)目" --platform=win32 --arch=x64 --out ./project --app-version 1.0.0 --overwrite --icon=./static/assets/img/favicon.ico --asar",
"packagerWin32": "electron-packager ./ "項(xiàng)目" --platform=win32 --arch=ia32 --out ./project --app-version 1.0.0 --overwrite --icon=./static/assets/img/favicon.ico --asar",
"packagerMAC": "electron-packager ./ "項(xiàng)目" --platform=darwin --arch=x64 --out ./project --app-version 1.0.0 --overwrite --extra-resource=./res/2.dat --extra-resource=./res/1.dat --icon=./static/assets/img/favicon.icns"
}
簡(jiǎn)單介紹一下用到的打包字段，詳細(xì)信息看官方文檔：
https://github.com/electron-u...
官方文檔中提到的基本格式為：
electron-packager--platform= --arch= [optional flags...]
--platform 和 --arch 表示可運(yùn)行的系統(tǒng)
這里面有個(gè)要注意的坑：本機(jī)只能打包對(duì)應(yīng)系統(tǒng)運(yùn)行的electron軟件，我自己使用mac開(kāi)發(fā)，所以我是在windows虛擬機(jī)里面進(jìn)行的 “packagerWin64” 打包
“start” 表示本地打包到./dist文件夾，運(yùn)行一個(gè)本地項(xiàng)目，用于測(cè)試
“packagerWin64” 用來(lái)生成一個(gè)在win64位系統(tǒng)運(yùn)行的electron軟件
“packagerWin32” 用來(lái)生成一個(gè)在win32位系統(tǒng)運(yùn)行的electron軟件
“packagerMAC” 用來(lái)生成一個(gè)在MAC系統(tǒng)運(yùn)行的electron軟件
第一個(gè) ‘./’ 表示打包文件的根目錄 即
‘項(xiàng)目’ 表示打包后的文件名稱(chēng) 即
--out ./project 表示生成的打包后的文件，在本地根目錄的piccRobot文件夾里
--overwrite 表示，如果本地有之前的打包文件，會(huì)刪除原有文件，重新生成新的打包文件
--app-version 1.0.0 表示生成的打包文件的版本
--icon=./static/assets/img/favicon.icns" 表示打包文件的圖標(biāo)
這里要注意的是，icns是mac版的圖標(biāo)格式，如果是win版，格式就是icon
--extra-resource=./res/1.dat 表示加載的第三方文件，有關(guān)加載第三方文件的細(xì)節(jié)比較多，我在系列三回答
--asar 簡(jiǎn)單來(lái)說(shuō)，就是會(huì)把文件打包到一個(gè)加密文件包里，這樣就不容易被解析到源碼。具體分析見(jiàn)electron官網(wǎng) ：
https://electronjs.org/docs/t...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/100619.html
摘要：在上篇的系列之二里我提到了，用字段來(lái)加載第三方資源。在項(xiàng)目開(kāi)始的時(shí)候，我把第三方資源放到了根目錄的文件夾里，發(fā)現(xiàn)并沒(méi)有起到加載第三方資源的效果。通用查詢(xún)，發(fā)現(xiàn)提供字段。 在上篇SinF的Electron系列之二里我提到了，用--extra-resource字段來(lái)加載第三方資源。 在項(xiàng)目開(kāi)始的時(shí)候，我把第三方資源放到了根目錄的static文件夾里，發(fā)現(xiàn)并沒(méi)有起到加載第三方資源的效果。通用...
摘要：不支持之前在瀏覽器中使用的方法，暫時(shí)采用解決。需默認(rèn)的是保存在主流程里面，所以需要使用模塊提取的函數(shù)，我改寫(xiě)成了，用參考博客里面的方法，無(wú)法獲得的返回值。官方文檔參考博客使用代碼通過(guò)模塊取的原本在主進(jìn)程中才能使用的模塊獲得清空緩存保存名稱(chēng)值 Electron不支持之前在瀏覽器中使用localstroage的方法，暫時(shí)采用cookie解決。 需Electron默認(rèn)的cookie是保存在...
摘要：前言本文主要介紹如何通過(guò)及兩種方式，將已有的應(yīng)用打包成格式和可執(zhí)行文件。導(dǎo)致了在打包的過(guò)程中非常慢。由于是初次接觸，如讀者在文中發(fā)現(xiàn)錯(cuò)誤，請(qǐng)及時(shí)指正。 前言 showImg(https://segmentfault.com/img/bV6zNn?w=1319&h=594); 本文主要介紹如何通過(guò)electron-packager及electron-builder兩種方式，將已有的ele...
摘要：本文主要介紹應(yīng)用如何打包成和文件。添加監(jiān)聽(tīng)并生成快捷方式安裝卸載運(yùn)行步驟和重新打包此時(shí)，再次運(yùn)行進(jìn)行安裝，就會(huì)自動(dòng)再桌面和開(kāi)始菜單生成快捷方式了。 本文主要介紹Electron應(yīng)用如何打包成msi和exe文件。由于介紹Electron打包成msi和exe的文章很少，官方的文檔也一筆帶過(guò)，在研究的過(guò)程中踩了很多坑，所以寫(xiě)下此文，給其他人一個(gè)參考。關(guān)于Electron基礎(chǔ)知識(shí)的文章，官方文...
摘要：于是乎，就想著把自己寫(xiě)的這個(gè)小項(xiàng)目打包成桌面端，方面每次打開(kāi)電腦就能看。然后繼續(xù)運(yùn)行，然后白屏習(xí)慣性的首次失敗。。解決方法進(jìn)入文件夾下的將其中的修改為相對(duì)路徑。再次運(yùn)行，成功將的項(xiàng)目，顯示為桌面應(yīng)用。總結(jié)至此，打包桌面端就這樣完成了。 背景 showImg(https://segmentfault.com/img/bVYowg?w=1922&h=862); 最近在學(xué)習(xí)RxJS，平時(shí)邊看...
閱讀 511·2023-04-26 00:33
閱讀 3538·2021-11-24 09:39
閱讀 2899·2021-09-22 15:34
閱讀 2316·2019-08-23 18:07
閱讀 2912·2019-08-23 18:04
閱讀 3694·2019-08-23 16:06
閱讀 2893·2019-08-23 15:27
閱讀 1614·2019-08-23 14:32
