首頁 web前端 js教程 node打包工具Pkg(詳細教學)

node打包工具Pkg(詳細教學)

Jun 09, 2018 pm 05:07 PM
node 執行檔 工具 打包

下面我就為大家分享一篇基於node打包執行檔工具_Pkg使用心得分享,具有很好的參考價值,希望對大家有幫助。

專案位址

這個專案很神奇,直接將node.js專案打包成windows可以直接執行的exe檔(也支援FreeBSD、linux、macos、arm系統),甚至不需要安裝Node.js,且無須修改你專案中的任何程式碼!

先安裝pkg

npm install -g pkg
登入後複製
登入後複製

然後在專案目錄下執行

pkg entrance.js
登入後複製

即可打包linux,macos,win3個平台的可執行檔。 entrance.js為你node專案的入口檔。

如果只想打包windows下的exe,則加上-t參數。 win即為打包成windows平台下的exe文件,具體可選參數參見項目目錄

pkg -t win entrance.js
登入後複製

稍等片刻後項目目錄下就會產生打包好的entrance.exe文件。

pkg會自動從入口檔案開始尋找依賴的檔案並全數打包進去,無須修改專案裡的任何程式碼。

其他

pkg可以依照package.json下的設定打包,預設入口檔案為bin所指向的檔案。

執行

pkg .
登入後複製

或是

pkg package.json
登入後複製

即可自動依照package.json的設定打包。

//package.json
{
 //其他配置项
 "bin": "service.js",//入口文件
 "pkg": {
 "scripts": [
  "build/**/*.js"//需要打包进来的其他js文件,可添加多个
 ],
 "assets": [
  "dist/**/*"//静态文件的目录,可添加多个
 ]
 }
}
登入後複製

注意:靜態檔案需要在專案中將檔案的參考換成

path.join(__dirname, 'dist')
登入後複製

的形式,才可以正常打包,否則可能會讀取不到。

範例

使用vue-cli建立項目,並使用npm run build將你的專案編譯產生靜態檔案到dist目錄下。這些都是vue-cli自帶的內容,不再贅述。

在專案目錄下新建一個service.js文件,並添加以下程式碼,在本地起一個express靜態伺服器,使你能夠在本地訪問你的網站(部署到線上也是類似)

//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',虽然在命令行中执行起来效果是一样的,不过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}`)
})
登入後複製

此時你可以在控制台執行

node service.js
登入後複製

來啟動你的伺服器了,啟動完成後,瀏覽器訪問http://localhost:8081/即可查看你的網站。

接下來我們使用將service.js和dist目錄打包成一個exe文件,方便他人使用

先安裝pkg

npm install -g pkg
登入後複製
登入後複製

然後修改package.json,新增bin(如果不是service.js的話)和pkg項目

{
 //其他配置项
 "bin": "service.js",//指定入口文件
 "pkg": {
 "assets": [
  "dist/**/*"//指定要打包的静态文件目录
 ]
 }
}
登入後複製

然後在專案目錄下執行

pkg -t win package.json
登入後複製

完成後即產生一個exe文件,雙擊啟動即相當於執行node service.js,然後你瀏覽器裡(http://localhost:8081/)就能存取打包好的項目了!也不需要事先安裝node,給老闆示範很方便有木頭!

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

使用vue less如何實作簡單換膚功能

使用angular、react和vue如何實現相同的面試題組件

利用jQuery實作捲動到底部時自動載入

#在Angular2.0如何實作modal對話框

#在JS中如何實現運動緩衝效果(詳細教學)

以上是node打包工具Pkg(詳細教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

怎樣在C  中測量線程性能? 怎樣在C 中測量線程性能? Apr 28, 2025 pm 10:21 PM

在C 中測量線程性能可以使用標準庫中的計時工具、性能分析工具和自定義計時器。 1.使用庫測量執行時間。 2.使用gprof進行性能分析,步驟包括編譯時添加-pg選項、運行程序生成gmon.out文件、生成性能報告。 3.使用Valgrind的Callgrind模塊進行更詳細的分析,步驟包括運行程序生成callgrind.out文件、使用kcachegrind查看結果。 4.自定義計時器可靈活測量特定代碼段的執行時間。這些方法幫助全面了解線程性能,並優化代碼。

C  中的chrono庫如何使用? C 中的chrono庫如何使用? Apr 28, 2025 pm 10:18 PM

使用C 中的chrono庫可以讓你更加精確地控制時間和時間間隔,讓我們來探討一下這個庫的魅力所在吧。 C 的chrono庫是標準庫的一部分,它提供了一種現代化的方式來處理時間和時間間隔。對於那些曾經飽受time.h和ctime折磨的程序員來說,chrono無疑是一個福音。它不僅提高了代碼的可讀性和可維護性,還提供了更高的精度和靈活性。讓我們從基礎開始,chrono庫主要包括以下幾個關鍵組件:std::chrono::system_clock:表示系統時鐘,用於獲取當前時間。 std::chron

C  中的字符串流如何使用? C 中的字符串流如何使用? Apr 28, 2025 pm 09:12 PM

C 中使用字符串流的主要步驟和注意事項如下:1.創建輸出字符串流並轉換數據,如將整數轉換為字符串。 2.應用於復雜數據結構的序列化,如將vector轉換為字符串。 3.注意性能問題,避免在處理大量數據時頻繁使用字符串流,可考慮使用std::string的append方法。 4.注意內存管理,避免頻繁創建和銷毀字符串流對象,可以重用或使用std::stringstream。

c  怎麼進行代碼優化 c 怎麼進行代碼優化 Apr 28, 2025 pm 10:27 PM

C 代碼優化可以通過以下策略實現:1.手動管理內存以優化使用;2.編寫符合編譯器優化規則的代碼;3.選擇合適的算法和數據結構;4.使用內聯函數減少調用開銷;5.應用模板元編程在編譯時優化;6.避免不必要的拷貝,使用移動語義和引用參數;7.正確使用const幫助編譯器優化;8.選擇合適的數據結構,如std::vector。

如何理解C  中的DMA操作? 如何理解C 中的DMA操作? Apr 28, 2025 pm 10:09 PM

DMA在C 中是指DirectMemoryAccess,直接內存訪問技術,允許硬件設備直接與內存進行數據傳輸,不需要CPU干預。 1)DMA操作高度依賴於硬件設備和驅動程序,實現方式因係統而異。 2)直接訪問內存可能帶來安全風險,需確保代碼的正確性和安全性。 3)DMA可提高性能,但使用不當可能導致系統性能下降。通過實踐和學習,可以掌握DMA的使用技巧,在高速數據傳輸和實時信號處理等場景中發揮其最大效能。

什麼是C  中的靜態分析? 什麼是C 中的靜態分析? Apr 28, 2025 pm 09:09 PM

靜態分析在C 中的應用主要包括發現內存管理問題、檢查代碼邏輯錯誤和提高代碼安全性。 1)靜態分析可以識別內存洩漏、雙重釋放和未初始化指針等問題。 2)它能檢測未使用變量、死代碼和邏輯矛盾。 3)靜態分析工具如Coverity能發現緩衝區溢出、整數溢出和不安全API調用,提升代碼安全性。

C  中的實時操作系統編程是什麼? C 中的實時操作系統編程是什麼? Apr 28, 2025 pm 10:15 PM

C 在實時操作系統(RTOS)編程中表現出色,提供了高效的執行效率和精確的時間管理。 1)C 通過直接操作硬件資源和高效的內存管理滿足RTOS的需求。 2)利用面向對象特性,C 可以設計靈活的任務調度系統。 3)C 支持高效的中斷處理,但需避免動態內存分配和異常處理以保證實時性。 4)模板編程和內聯函數有助於性能優化。 5)實際應用中,C 可用於實現高效的日誌系統。

如何使用MySQL的函數進行數據處理和計算 如何使用MySQL的函數進行數據處理和計算 Apr 29, 2025 pm 04:21 PM

MySQL函數可用於數據處理和計算。 1.基本用法包括字符串處理、日期計算和數學運算。 2.高級用法涉及結合多個函數實現複雜操作。 3.性能優化需避免在WHERE子句中使用函數,並使用GROUPBY和臨時表。

See all articles