基于node打包可執(zhí)行文件工具_(dá)Pkg使用心得分享
這個項(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了一些你或許不知道的npm實(shí)用技巧，分享一些 npm 包管理工具的實(shí)用小竅門，希望能夠略微提高下前端、Node.js 開發(fā)者的生活質(zhì)量，需要的朋友可以參考下2019-07-07
這篇文章主要介紹了詳解使用 Node.js 開發(fā)簡單的腳手架工具，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
http?模塊是?Node.js?官方提供的、用來創(chuàng)建?web?服務(wù)器的模塊。通過?http?模塊提供的http.createServer()?方法，就能方便的把一臺普通的電腦，變成一臺?Web?服務(wù)器，從而對外提供?Web?資源服務(wù)，本文給大家介紹node.js?http模塊的相關(guān)知識，感興趣的朋友一起看看吧2022-01-01
node.js中ws模塊創(chuàng)建服務(wù)端和客戶端,網(wǎng)頁WebSocket客戶端
今天小編就為大家分享一篇關(guān)于node.js中ws模塊創(chuàng)建服務(wù)端和客戶端,網(wǎng)頁WebSocket客戶端，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
在每一次的實(shí)際開發(fā)過程中我們都會下載相關(guān)的依賴包,最官方的是 npm,但是該服務(wù)器對于國內(nèi)開發(fā)者來說,下載起來是比較慢的,所以我們需要換源,下面這篇文章主要給大家介紹了關(guān)于NPM如何換源的相關(guān)資料,需要的朋友可以參考下2023-02-02
這篇文章我們將學(xué)習(xí)Node對文件夾的操作,當(dāng)我們學(xué)習(xí)完文件夾的操作后結(jié)合文件的操作我們就可以真正的通過Node在日常的工作生活中解決許多和文件相關(guān)的問題,這篇文章我們將首先講解文件夾操作的幾個API,然后完成一下最常見的文件夾遞歸的操作,需要的朋友可以參考下2024-08-08
本文詳細(xì)的介紹了什么是Puppeteer以及使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
這篇文章主要介紹了NODE.JS加密模塊CRYPTO常用方法介紹,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細(xì)介紹了Node.js獲取前端ajax提交的request信息，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
node.js中實(shí)現(xiàn)kindEditor圖片上傳功能的方法教程
最近在做一個類似于論壇的系統(tǒng)，帖子需要進(jìn)行圖文并茂的顯示，所以用到了富文本編輯器：kindeditor，下面這篇文章主要給大家介紹了在node.js中實(shí)現(xiàn)kindEditor圖片上傳功能的方法教程，需要的朋友可以參考借鑒，下面來一起看看吧。2017-04-04