nse”: “ISC”,
“devDependencies”: {
“electron”: “^版本號”
}
}
“`
#### 步驟6:運行應(yīng)用程序
在命令行/終端中,輸入以下命令以運行應(yīng)用程序:
“`
npm打包生成exe start
“`
此時,應(yīng)該可以看到一個新的窗口,顯示“歡迎使用我的HTML應(yīng)用程序”。
### 使用electron-builder打包EXE文件
electron-builder是一個用于打包和發(fā)布Electron應(yīng)用程序的工具。
#### 步驟1:安裝electron-builder
在命令行/終端中,運行以下命令以安裝electron-builder:
“`
npm install electron-builder –save-dev
“`
安裝完成后,會將“electron-builder”添加至“devDependencies”。
#### 步驟2:配置electron-builder
在“package.json”文件中,添加以下配置信息:
“`json
“build”: {
“appId”: “com.example.my-html-app”,
“win”: {
“target”: “nsis”
},
“nsis”: {
“oneClick”: false,
“allowToChangeInstallationDirectory”: true
}
}
“`
同時,在“package.json”的“scripts”部分添加以下內(nèi)容:
“`json
“pack”: “electron-builder –dir”,
“dist”: “electron-builder”
“`
#### 步驟3:生成EXE文件
在命令行/終端中,運行以下命令以生成EXE文件:
“`
npm run dist
“`
此過程可能需要幾分鐘的時間。完成后,在“dist”文件夾下會找到生成的EXE文件。
現(xiàn)在,已成功將HTML應(yīng)用程序封裝成獨立的EXE文件。發(fā)行該應(yīng)用程序時,只需分發(fā)在“dist”目錄下生成的EXE文件即可。