1. mac下用electorn-packager打包雙平臺

本文主要描述在mac下用 electorn 來打包 electorn 雙平臺的安裝包，重點在於講解mac下打包.exe的操作，檔案目錄如下

|
|——————build
        |——————icons
                |————256x256.png
                |————icon.icns
                |————icon.ico
|——————dist
|——————node_modules
|——————package.json
|——————src
|——————static
 

1.1. 準備工作

如果你已經正確安裝了electron-packager請跳過此段

安裝cnpm,使用如下命令 npm install cnpm -g --registry=http://registry.npm.taobao.org 全域性安裝electron cnpm install electron -g 全域性安裝packager cnpm install electron-packager -g

1.2. 打包dmg

目前我們專案用的是 electrn-vue 的手腳架來初始化專案，因而打包dmg比較簡單，直接用自帶的package.json裡面的build就可以了

npm run build 

然後會在build 資料夾下建立dmg和.app這類的檔案

1.3. 打包.exe

在執行這個命令前，需要依賴wine 首先是brew的安裝 這個自行百度

1.3.1. 然後是安裝wine

brew install wine

1.3.2. Xquartz

安裝完wine之後需要下載Xquartz，win的各種系統依賴 下載地址 安裝完之後重啟電腦

1.3.3. 再次更新wine

brew reinstall wine

1.3.4. 打包

在專案的package.json的scripts節點新增以下內容

"scripts"
 
:{
    "pack:win": "./node_modules/.bin/electron-packager . $npm_package_productName --app-version=$npm_package_version --app-version=0.0.1 --out=builds --ignore='^/builds$' --platform=win32 --arch=ia32 --version-string.CompanyName='My Company Ltd' --version-string.LegalCopyright='Copyright (C) 2016 My Company Ltd' --version-string.FileDescription=$npm_package_productName --version-string.OriginalFilename='MyApp.exe' --version-string.InternalName=$npm_package_productName --version-string.ProductName=$npm_package_productName --version-string.ProductVersion=$npm_package_version --asar=true --icon=./build/icons/icon.ico --overwrite"
}

其中--version裡的詳細資訊和 --icon 目標路徑需要按需自定義

終端cd到專案路徑 使用指令碼進行打包 npm run-script pack:win 然後會在專案根目錄下建立一個builds資料夾 my-project-win32-ia32 這個資料夾裡面就是打包之後的.exe安裝包