解決electron打包慢，卡

前言

這兩天搞了一個electron項目，代碼2小時，打包1天。所以寫個文章給打包困難的朋友。

1.安裝electron-builder

npm install electron-builder --save-dev

2.更改npm的源和版本設置

這個設置能夠在你執行安裝依賴以前就設置好

//你可使用終端輸入命令
npm set ELECTRON\_MIRROR\=https://npm.taobao.org/mirrors/electron/

npm set ELECTRON\_CUSTOM\_DIR\=9.0.0

或者直接在C:\user\xxx路徑下 搜索.npmrc而後打開文件進行修改

注意:這個版本號須要和你package.json中的版本號相同

3.增長package.json裏的設置

"build": {
    "appId": "com.xxx.app",
    "mac": {
      "target": ["dmg","zip"]
    },
    "win": {
      "target": ["nsis","zip"]
    }
},
"scripts": {
    "dist": "electron-builder --win --x64"
},

這裏默認是打windows 64位的包.
若是打其餘平臺的包，只須要更改dist對應的命令，大概怎麼配置請百度builder的配置

4.執行打包

npm run dist

打包須要依賴於三個包，分別是

1. electron-v版本-打包的平臺.zip的包
2. winCodeSign
3. nsis

其中第一個由於咱們已經配置了下載的源，因此按理說是百分比成功的，大概1分鐘下載好，第二第三個是從GitHub拉的，國內網絡的話很大可能會卡住。若是卡住的話咱們能夠手動下載相關的包，放置到指定目錄便可。

• 第一個包：從這裏咱們能夠看到下載地址，若是下載失敗的話，咱們能夠能夠ctrl+click來點擊這個連接，看看可否正常下載，若是不能夠，那麼咱們可能要更改一下咱們第2步的npm設置，由於第一步沒有下載失敗的狀況，所以不做贅述
• 第二個包：winCodeSign 若是沒法下載，咱們使用ctrl+click手動下載好安裝包之後，解壓到以下目錄便可: C:\用戶\xx\AppData\Local\electron-builder\Cache\winCodeSign
  
• 第三個包：nsis 若是沒法下載，那咱們從以下網站下載相應版本的包 https://github.com/electron-userland/electron-builder-binaries/releases
  
  
  下載好之後，重命名這兩個文件夾(即加上版本的後綴)，而後移動到對應目錄
  
  

最後再跑一遍npm run dist命令，若是遇到報錯！請必定要確認你的路徑中沒有中文，我就是吃了一個大虧！

5.過分疲勞以後

成果以下，點擊exe便可執行