electron用dist包打包exe
时间: 2024-10-23 15:11:44 浏览: 9
vue-admin-element+Electron打包exe可执行文件(输出为dist文件夹即可)
Electron是一个开源框架,用于构建跨平台的桌面应用程序,它基于Chromium和Node.js。如果你想要使用`electron-builder`工具将Electron应用打包成Windows上的.exe文件,你需要按照以下步骤操作:
1. **安装依赖**:
- 首先确保你已经全局安装了`npm`(Node Package Manager),然后在项目目录下运行:
```
npm install electron electron-builder --save-dev
```
2. **配置`electron-builder`**:
- 创建或编辑`package.json`文件,并添加`build`脚本到`scripts`部分,通常会看到类似这样的内容:
```json
"scripts": {
"pack": "electron-builder"
},
"build": {
"productName": "Your App Name",
"appId": "com.yourcompany.yourapp",
"directories": {
"output": "dist"
},
"win": {
"target": ["nsis"], // 使用NSIS生成.exe文件
"icon": "path/to/your/icon.ico" // 设置图标路径
}
}
```
3. **运行打包命令**:
- 运行 `npm run pack` 或者直接在终端中输入 `npm pack` 来开始打包过程。
4. **检查结果**:
打包完成后,会在指定的`dist`目录下生成`.exe`文件和其他相关资源。
阅读全文