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'