windows10 安装node-sass和electron，electron打包问题

安装

electron 和 node-sass 安装慢或者安装失败，
使用npm下载的话在 .npmrc文件配置一下淘宝镜像源

registry=https://registry.npm.taobao.org/
# electron 的配置
electron_mirror=https://npm.taobao.org/mirrors/electron/
# node-sass 的配置
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

使用yarn下载的话在.yarnrc文件配置一下淘宝镜像源

registry "https://registry.npm.taobao.org"
# node-sass 的配置
sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
# electron 的配置
electron_mirror "https://npm.taobao.org/mirrors/electron/"

打包

electron打包时速度慢，主要是因为 nsis 、nsis-resources 和 winCodeSign 的下载速度慢，利用淘宝源 中下载对应的 nsis 、nsis-resources 和 winCodeSign 到本地 electron-builder 中的 Cache 文件夹下面

image.png

image.png

打包配置

{
  ...,
  "build": {  // electron-builder配置
    "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
    "appId": "xxxxx",//包名  
    "copyright":"xxxx",//版权  信息
    "compression": "store", // "store" | "normal"| "maximum" 打包压缩情况(store 相对较快)，store 39749kb, maximum 39186kb
    "directories": {
        "output": "build" // 输出文件夹
    }, 
    "dmg": {
      "contents": [
        {
          "x": 130,
          "y": 220
        },
        {
          "x": 410,
          "y": 220,
          "type": "link",
          "path": "/Applications"
        }
      ]
    },
    "linux": {
      "target": [
        "deb",
        "rpm",
        "snap",
        "AppImage"
      ],
      "category": "Development"
    },
    "win": {  
       "target": [
            "nsis"
        ],
        "icon": "xxx/icon.png"
    },
    "nsis": {
        "oneClick": false, // 一键安装
        "guid": "xxxx", //注册表名字，不推荐修改
        "perMachine": true, // 是否开启安装时权限限制（此电脑或当前用户）
        "allowElevation": true, // 允许请求提升。 如果为false，则用户必须使用提升的权限重新启动安装程序。
        "allowToChangeInstallationDirectory": true, // 允许修改安装目录
        "installerIcon": "./build/icons/aaa.ico", // 安装图标
        "uninstallerIcon": "./build/icons/bbb.ico", //卸载图标
        "installerHeaderIcon": "./build/icons/aaa.ico", // 安装时头部图标
        "createDesktopShortcut": true, // 创建桌面图标
        "createStartMenuShortcut": true, // 创建开始菜单图标
        "shortcutName": "xxxx" // 图标名称
    }
  }
}