打包的時(shí)候我遇到了一個(gè)問題有人知道可以留言告訴我

我的渲染進(jìn)程文件都放到一個(gè)文件夾里怎么打包
現(xiàn)在我都是把所有的文件放到根目錄下的
用angular 項(xiàng)目一般都是編譯到dist目錄中electron打包時(shí)會(huì)把源碼也打包去怎么配置指定編譯目錄下的文件，這樣我就不用另外開一個(gè)electron項(xiàng)目了

創(chuàng)建electron 項(xiàng)目略
添加 electron-builder 和 electron-updater。

npm install  electron-builder --save-dev
npm install  electron-updater --save

package.json文件中配置 electron-builder 和 electron-updater 參數(shù)（復(fù)制使用需要自行刪除注釋）

https://www.electron.build/configuration/win
詳細(xì)的配置可以到官網(wǎng)查閱

  // 版本號(hào) 
  "version": "1.0.0",
  "build": {
    "appId": "con.electron.app",
    "productName": "electron",
    // 更新相關(guān)的配置
    "publish": [
      {
        "provider": "generic",
        // 更新檢查地址，這里是我本地的測(cè)試地址 
        "url": "http://localhost:5500/up/"
      }
    ],
    // windows 打包相關(guān)配置
    "win": {
      "target": [
        "nsis"
      ]
    },
    // nsis 打包模式的相關(guān)配置
    "nsis": {
      "oneClick": false,
      "perMachine": true,
      "allowToChangeInstallationDirectory": true
    }
  },
  // 添加命令
  "scripts": {
    ...
    "dist": "electron-builder -w"
  },

打包

npm run dist

默認(rèn)打包自動(dòng)生成dist目錄
第一次打包可能出項(xiàng)下載文件依賴文件的錯(cuò)誤（不要方，注意看錯(cuò)誤信息，重試一下）
打包完成
電腦中的文件

安裝

安裝當(dāng)然是選擇 demo Setup 1.0.0.exe 安裝過程就和一般軟件一樣啦！
安裝完成
運(yùn)行效果
因?yàn)槲以谑褂胣g-alain 所以直接用做測(cè)試了
到這打包就完成了

升級(jí)

main.js 中編寫更新檢查

// 注意這個(gè)autoUpdater不是electron中的autoUpdater
const { autoUpdater } = require("electron-updater")

// 主進(jìn)程監(jiān)聽渲染進(jìn)程傳來的信息（這里我是手動(dòng)檢查更新，可以在 electron的 ready 事件完成后觸發(fā)）
// 會(huì)重復(fù)觸發(fā)（這里我暫時(shí)不做這些邏輯了）
ipcMain.on('update', (e, arg) => {
  console.log("update");
  updateHandle();
});

// 檢測(cè)更新，在你想要檢查更新的時(shí)候執(zhí)行，renderer事件觸發(fā)后的操作自行編寫
function updateHandle() {
  let message = {
    error: '檢查更新出錯(cuò)',
    checking: '正在檢查更新……',
    updateAva: '檢測(cè)到新版本，正在下載……',
    updateNotAva: '現(xiàn)在使用的就是最新版本，不用更新',
  };
  const os = require('os');
  // 這里的URL就是更新服務(wù)器的放置文件的地址
  autoUpdater.setFeedURL('http://localhost:5500/up/');
  autoUpdater.on('error', function (error) {
    sendUpdateMessage(message.error)
  });
  autoUpdater.on('checking-for-update', function () {
    sendUpdateMessage(message.checking)
  });
  autoUpdater.on('update-available', function (info) {
    sendUpdateMessage(message.updateAva)
  });
  autoUpdater.on('update-not-available', function (info) {
    sendUpdateMessage(message.updateNotAva)
  });

  // 更新下載進(jìn)度事件
  autoUpdater.on('download-progress', (progressObj) => {
    win.webContents.send('downloadProgress', progressObj)
  })
  // 下載完成事件
  autoUpdater.on('update-downloaded',  (event, releaseNotes, releaseName, releaseDate, updateUrl, quitAndUpdate) => {
    ipcMain.on('isUpdateNow', (e, arg) => {
      // 關(guān)閉程序安裝新的軟件
      autoUpdater.quitAndInstall();
    })
    // 通知渲染進(jìn)程現(xiàn)在完成
    win.webContents.send('isUpdateNow')
  });

  //執(zhí)行自動(dòng)更新檢查
  autoUpdater.checkForUpdates();
}

// 通過main進(jìn)程發(fā)送事件給renderer進(jìn)程，提示更新信息
// win = new BrowserWindow()
function sendUpdateMessage(text) {
  win.webContents.send('message', text)
}

渲染進(jìn)程的觸發(fā)和監(jiān)聽代碼

// angular 的組件初始化事件
ngOnInit() {
    this._e.ipcRenderer.on('message', (event, message) => {
      alert(message);
    });
    this._e.ipcRenderer.on('isUpdateNow', (event, message) => {
      this.s1 = '下載完成';
      alert('下載完成');
      this._e.ipcRenderer.send('isUpdateNow');
    });
    this._e.ipcRenderer.on('downloadProgress', (event, message) => {
      this.s2 = message;
    });
  }
  // 按鈕事件
  upData() {
    this._e.ipcRenderer.send('update');
  }