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",
相关推荐
好运yoo几秒前
CSS 属性计算过程
前端·css
SameX1 分钟前
HarmonyOS Next 企业级移动办公应用构建
前端·harmonyos
谢尔登4 分钟前
【React】全局状态管理(Context, Reducer)
javascript·react.js·ecmascript
前端与小赵23 分钟前
什么是防抖与节流
前端·防抖·节流
虾球xz31 分钟前
游戏引擎学习第25天
javascript·学习·游戏引擎
hummhumm41 分钟前
第 40 章 - Go语言 模式与反模式
java·开发语言·前端·后端·python·sql·golang
北觅_小太阳42 分钟前
使用 Vite 创建 Vue3+TS 项目并整合 ElementPlus、Axios、Pinia、Less、Vue-router 等组件或插件
javascript·vue.js·less
花下的晚风44 分钟前
vue3项目搭建-6-axios 基础配置
前端·javascript·vue.js
hummhumm1 小时前
第 42 章 - Go语言 设计模式
java·开发语言·前端·后端·python·设计模式·golang
bpmf_fff1 小时前
十四(AJAX)、AJAX、axios、常用请求方法(GET POST...)、HTTP协议、接口文档、form-serialize
前端·javascript·ajax