打包方式1:DOS窗口命令打包
DOS 下,輸入 npm install electron-packager -g全局安裝我們的打包神器:
cnpm install electron-packager -g
在項目文件夾下面,也就是根目錄下面打開DOS執行打包命令:
electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules --electron-version 5.0.0
各個參數介紹:
HelloWorld :你將要生成的exe文件的名稱
--platform=win32:確定了你要構建哪個平台的應用,可取的值有darwin
,linux
,mas
,win32
--arch=x64:決定了使用 x86 還是 x64 還是兩個架構都用
--icon=computer.ico:自定義設置應用圖標
--out=./out:指定打包文件輸出的文件夾位置,當前指定的為項目目錄下的out
文件夾
--asar:該參數可以不加,如果加上,打包之后應用的源碼會以.asar格式存在
,否則會以文件夾形式存在
--app-version=0.0.1:生成應用的版本號
--overwrite:覆蓋原有的build
,讓新生成的包覆蓋原來的包
--ignore=node_modules:如果加上該參數,項目里node_modules模塊不會被打包進去
--electron-version 5.0.0:指定當前要構建的electron
的版本,需要和當前的版本一致,具體可以在package.json
文件中查看,可以不加該參數,如果不一致,會自動下載,,,不建議
打包方式2:package.json設置打包:
建議將打包的命令設置在package.json
的script
中
設置如下:
"scripts": {"package":"electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules" }
然后在項目文件夾DOS窗口下執行命令:
npm run package
即可打包成功
打包前:
打包后:
out文件夾展開:
app文件夾里面就是我們的源代碼: