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文件即可。

未經(jīng)允許不得轉(zhuǎn)載:智電網(wǎng)絡(luò) NET » html封裝生成exe推薦使用一門打包平臺

相關(guān)推薦