electron 7.x 設置開發環境與生產模式 隱藏菜單欄和開發者工具 devtools

(

順帶提一下 electron7.x 打包之后開發者工具 devtools 以及菜單欄 還是會在：快捷鍵分別是 shift+ctrl+i 和 alt

而4.x版本 打包之后自動會隱藏

)

1.官方推薦

文檔地址：https://electronjs.org/docs/api/app#appispackaged

const {
  app
} = require('electron')

if (!app.isPackaged) {
  console.log('dev')
} else {
  console.log('pro')
  const electron = require('electron')
  /*獲取electron窗體的菜單欄以及devtools 親測*/ 
  const Menu = electron.Menu
  /*隱藏electron創聽的菜單欄*/
  Menu.setApplicationMenu(null)
}

 

2.常規操作

開發過vue的同學肯定不陌生：

if (process.env.NODE_ENV !== 'production') {
  //debug
}

 

那么傳遞環境變量的寫法：

1.win下

set NODE_ENV=production&& electron .

（坑：&&前面不能有空格 不然判斷會有問題）

2.mac （未親測）

NODE_ENV=production electron . 

export NODE_ENV=production && electron .

3.js中直接設置

切換入口文件

process.env.NODE_ENV = 'production'