electron打包

1. 原始的方式打包

• 下載對應的版本號的Release Electron
• 然後把對應的項目方便整理成這樣的目錄結構(Windows下) node_modules重新安裝，不然可能啓動失敗
  
• 把整文件夾給別人就可以瞭如果想改名子可以用改名工具rcedit

2. 應用程序打包成一個文件

• 爲了緩解windows路徑名過長的問題（就是有可能無法順利的進行copy),以及隱藏代碼可以把應用打包成asar文件
  （就相當於把文件夾壓縮一下，而此種壓縮Electron不用解壓可以直接讀取)
• 全局安裝asar

npm install -g asar

• 生成asar文件

asar pack your-app app.asar

• 拷到對應的文件夾下

electron/resources/
└── app.asar

1和2如果要想生成對應的安裝包可以借用第三方安裝包生成工具進行生成如Inno Setup

• 如果本地安裝那就需要寫一個js腳本文件來執行

var asar = require('asar');

var src = '../electronpicture/'; //工程目錄
var dest = 'app.asar'; //輸出

asar.createPackage(src, dest, function() {
  console.log('done.');
})

3. 藉助第三方打包工具

• 打包工具有很三種常見的分別是
  1 Electron-forge
  2 electron-builder
  3 electron-packager
• 我們這裏使用第二種
• 安裝

yarn add electron-builder --dev
npm electron-builder --dev

• 配置package.json

"scripts": {
    "test": "node main.js",
    "dist": "electron-builder --win --x64"
  },
  "asar": {
    "unpackDir": "node_modules/edge-cs/**"
  },
  "build": {
    "appId": "electronpicture",
    "mac": {
      "target": [
        "dmg",
        "zip"
      ]
    },
    "win": {
      "target": [
        "nsis",
        "zip"
      ],
      "icon": "icon/006.ico"
    }
  },

• 最後在根目錄命令行運行

npm run dist