electron 打不同环境的包

我用的打包工具: electron-builder

1、在package.json 文件的同级下创建2个js文件

electron-builder-test.config.js electron-builder.config.js

electron-builder-test.config.js

javascript 复制代码
const basejson = require('./electron-builder.config.js');
module.exports = {
  extraMetadata: {  
    //  这个是重点,这个字段会在build的时候将NODE_ENV这个变量插入package.json文件中,所以我们才能    
    //  在别的文件中读取package.json得到NODE_ENV这个字段值,用来判断当前环境是生产还是测试
    NODE_ENV: process.env.NODE_ENV,
  },
  ...basejson
};

electron-builder.config.js (主要就是一些build的基础配置)

javascript 复制代码
module.exports = {
  productName: 'yourProductName',
  nsis: {
    include: './lib/deleteTempFiles.nsh',
    oneClick: false,
    allowToChangeInstallationDirectory: true,
    installerIcon: './app/icons/icon.ico',
    uninstallerIcon: './app/icons/icon.ico',
    installerHeaderIcon: './app/icons/icon.ico',
    installerSidebar: './app/icons/mark.bmp',
    uninstallerSidebar: './app/icons/mark.bmp',
    perMachine: true
  },
  files: ['src', 'service', 'app', 'const', 'lib'],
  appId: '',
  mac: {
    publish: [
      {
        provider: 'generic',
        url: ''
      }
    ],
    gatekeeperAssess: false,
    hardenedRuntime: true,
    entitlements: './signing/entitlements.mac.plist',
    entitlementsInherit: './signing/entitlements.mac.plist',
    extendInfo: {
      NSMicrophoneUsageDescription: 'Please give us access to your microphone',
      NSCameraUsageDescription: 'Allow your conversational partners to see you in a Grape Call. You can turn off your video anytime during a call.'
    },
    icon: './app/icons/icon.ico',
    extraFiles: [
      {
        from: './app/icons/',
        to: './Resources',
        filter: ['**/*']
      }
    ]
  },
  win: {
    publish: [
      {
        provider: 'generic',
        url: ''
      }
    ],
    icon: './app/icons/icon.ico',
    target: [
      {
        target: 'nsis',
        arch: ['x64']
      }
    ],
    extraFiles: [
      {
        from: './pages',
        to: './Resources/pages',
        filter: ['**/*']
      }
    ],
    requestedExecutionLevel: 'highestAvailable'
  },
  linux: {
    target: 'deb',
    extraFiles: []
  }
};

2、在需要区分环境的地方获取package.json文件 读取变量 区分代码

3、打包命令修改

javascript 复制代码
"build:win": "cross-env NODE_ENV=production electron-builder --config=electron-builder.config.js -w ",
"buildtest:win": "cross-env NODE_ENV=development electron-builder --config=electron-builder-test.config.js -w",
相关推荐
玩电脑的辣条哥2 小时前
Python如何播放本地音乐并在web页面播放
开发语言·前端·python
ew452182 小时前
ElementUI表格表头自定义添加checkbox,点击选中样式不生效
前端·javascript·elementui
suibian52352 小时前
AI时代:前端开发的职业发展路径拓宽
前端·人工智能
画月的亮2 小时前
element-ui 使用过程中遇到的一些问题及解决方法
javascript·vue.js·ui
Moon.92 小时前
el-table的hasChildren不生效?子级没数据还显示箭头号?树形数据无法展开和收缩
前端·vue.js·html
m0_526119402 小时前
点击el-dialog弹框跳到其他页面浏览器的滚动条消失了多了 el-popup-parent--hidden
javascript·vue.js·elementui
垚垚 Securify 前沿站2 小时前
深入了解 AppScan 工具的使用:筑牢 Web 应用安全防线
运维·前端·网络·安全·web安全·系统安全
工业甲酰苯胺5 小时前
Vue3 基础概念与环境搭建
前端·javascript·vue.js
lyj1689975 小时前
el-tree选中数据重组成树
javascript·vue.js·elementui
mosquito_lover16 小时前
怎么把pyqt界面做的像web一样漂亮
前端·python·pyqt