項(xiàng)目地址

這個(gè)項(xiàng)目很神奇，直接將node.js項(xiàng)目打包成windows可以直接執(zhí)行的exe文件（也支持FreeBSD、linux、macos、arm系統(tǒng)），甚至不需要安裝Node.js，且無(wú)須修改你項(xiàng)目中的任何代碼！

首先安裝pkg

npm install -g pkg

然后在項(xiàng)目目錄下執(zhí)行

pkg entrance.js

即可打包linux,macos,win3個(gè)平臺(tái)的可執(zhí)行文件。entrance.js為你node項(xiàng)目的入口文件。

如果只想打包windows下的exe，則加上-t參數(shù)。win即為打包成windows平臺(tái)下的exe文件，具體可選參數(shù)參見(jiàn)項(xiàng)目目錄

pkg -t win entrance.js

稍等片刻后項(xiàng)目目錄下就會(huì)生成打包好的entrance.exe文件。

pkg會(huì)自動(dòng)從入口文件開(kāi)始查找依賴的文件并全數(shù)打包進(jìn)去，無(wú)須修改項(xiàng)目里的任何代碼。

其他

pkg .

pkg package.json

//package.json
{
 //其他配置項(xiàng)
 "bin": "service.js",//入口文件
 "pkg": {
 "scripts": [
  "build/**/*.js"http://需要打包進(jìn)來(lái)的其他js文件，可添加多個(gè)
 ],
 "assets": [
  "dist/**/*"http://靜態(tài)文件的目錄，可添加多個(gè)
 ]
 }
}

注意：靜態(tài)文件需要在項(xiàng)目中將文件的引用換成

path.join(__dirname, 'dist')

的形式，才可以正常打包，否則可能會(huì)讀取不到。

示例

使用vue-cli建立項(xiàng)目，并使用npm run build將你的項(xiàng)目編譯生成靜態(tài)文件到dist目錄下。這些都是vue-cli自帶的內(nèi)容，不再贅述。

在項(xiàng)目目錄下新建一個(gè)service.js文件，并添加以下代碼，在本地起一個(gè)express靜態(tài)服務(wù)器，使你能夠在本地訪問(wèn)你的網(wǎng)站（部署到線上也是類(lèi)似）

//service.js
const express = require('express');
const app = express();
const path = require('path');
 
app.use(express.static(path.join(__dirname, 'dist')));//注意這里使用path.join(__dirname, 'dist')而不是'dist'，雖然在命令行中執(zhí)行起來(lái)效果是一樣的，不過(guò)pkg打包會(huì)無(wú)法識(shí)別到dist目錄
 
var server = app.listen(8081, function () {
 var host = server.address().address
 var port = server.address().port
 console.log(`AIbuy agents server start successfully on http://${host}:${port}`)
})

此時(shí)你可以在控制臺(tái)執(zhí)行

node service.js

來(lái)啟動(dòng)你的服務(wù)器了，啟動(dòng)完成后，瀏覽器訪問(wèn)http://localhost:8081/即可查看你的網(wǎng)站。

接下來(lái)我們使用將service.js和dist目錄打包成一個(gè)exe文件，方便他人使用

首先安裝pkg

npm install -g pkg

然后修改package.json，添加bin（如果不是service.js的話）和pkg項(xiàng)

{
 //其他配置項(xiàng)
 "bin": "service.js",//指定入口文件
 "pkg": {
 "assets": [
  "dist/**/*"http://指定要打包的靜態(tài)文件目錄
 ]
 }
}

然后在項(xiàng)目目錄下執(zhí)行

pkg -t win package.json

完成后即生成一個(gè)exe文件，雙擊啟動(dòng)即相當(dāng)于執(zhí)行node service.js，然后你瀏覽器里（http://localhost:8081/）就能訪問(wèn)打包好的項(xiàng)目了！也不需要提前安裝node，給老板演示很方便有木有！

以上這篇基于node打包可執(zhí)行文件工具_(dá)Pkg使用心得分享就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論