三、electron打包生成exe文件

打包方式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：肯定了你要構建哪一個平臺的應用,可取的值有 , , , darwinlinuxmaswin32

--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：指定當前要構建的的版本,須要和當前的版本一致,具體能夠在文件中查看,能夠不加該參數，若是不一致，會自動下載，，，不建議electronpackage.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文件夾裏面就是咱們的源代碼：