您好,登錄后才能下訂單哦!
項(xiàng)目地址
這個項(xiàng)目很神奇,直接將node.js項(xiàng)目打包成windows可以直接執(zhí)行的exe文件(也支持FreeBSD、linux、macos、arm系統(tǒng)),甚至不需要安裝Node.js,且無須修改你項(xiàng)目中的任何代碼!
首先安裝pkg
npm install -g pkg
然后在項(xiàng)目目錄下執(zhí)行
pkg entrance.js
即可打包linux,macos,win3個平臺的可執(zhí)行文件。entrance.js為你node項(xiàng)目的入口文件。
如果只想打包windows下的exe,則加上-t參數(shù)。win即為打包成windows平臺下的exe文件,具體可選參數(shù)參見項(xiàng)目目錄
pkg -t win entrance.js
稍等片刻后項(xiàng)目目錄下就會生成打包好的entrance.exe文件。
pkg會自動從入口文件開始查找依賴的文件并全數(shù)打包進(jìn)去,無須修改項(xiàng)目里的任何代碼。
其他
pkg .
或是
pkg package.json
即可自動按照package.json的配置打包。
//package.json { //其他配置項(xiàng) "bin": "service.js",//入口文件 "pkg": { "scripts": [ "build/**/*.js"http://需要打包進(jìn)來的其他js文件,可添加多個 ], "assets": [ "dist/**/*"http://靜態(tài)文件的目錄,可添加多個 ] } }
注意:靜態(tài)文件需要在項(xiàng)目中將文件的引用換成
path.join(__dirname, 'dist')
的形式,才可以正常打包,否則可能會讀取不到。
示例
使用vue-cli建立項(xiàng)目,并使用npm run build將你的項(xiàng)目編譯生成靜態(tài)文件到dist目錄下。這些都是vue-cli自帶的內(nèi)容,不再贅述。
在項(xiàng)目目錄下新建一個service.js文件,并添加以下代碼,在本地起一個express靜態(tài)服務(wù)器,使你能夠在本地訪問你的網(wǎng)站(部署到線上也是類似)
//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í)行起來效果是一樣的,不過pkg打包會無法識別到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}`) })
此時你可以在控制臺執(zhí)行
node service.js
來啟動你的服務(wù)器了,啟動完成后,瀏覽器訪問http://localhost:8081/即可查看你的網(wǎng)站。
接下來我們使用將service.js和dist目錄打包成一個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
完成后即生成一個exe文件,雙擊啟動即相當(dāng)于執(zhí)行node service.js,然后你瀏覽器里(http://localhost:8081/)就能訪問打包好的項(xiàng)目了!也不需要提前安裝node,給老板演示很方便有木有!
以上這篇基于node打包可執(zhí)行文件工具_(dá)Pkg使用心得分享就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。