解决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便可执行