node打包工具Pkg（详细教程）

https://www.gxlcms.com/JavaScript-251471.html

Root='/';var Sid='';var Cid='';

.nav-column ul li { position: relative; width: 116px; } .nav-column ul li:hover{ background: rgba(0,0,0,.15); } .nav-column a{ font-size: 15px; padding: 0; } .j_subBox { width: 116px; background: #17A1FF; position: absolute; left: 0; display: none; z-index: 1000; } .nav-column ul li:hover .j_subBox{ display: block; } .nav-column .j_subBox a { font-size: 14px; line-height: 40px; height: 40px; background: #17A1FF; padding: 0; } .nav-column .j_subBox a:hover{ background: rgba(0,0,0,.15); }

try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location="https://m.gxlcms.com/JavaScript-251471.html"; //这里的网址请改为你手机站的网址 } } } catch(err) { }

当前位置：Gxlcms > JavaScript > node打包工具Pkg（详细教程）

node打包工具Pkg（详细教程）

时间：2021-07-01 10:21:17 帮助过：346人阅读

下面我就为大家分享一篇基于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（详细教程）的详细内容，更多请关注Gxl网其它相关文章！

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！

登录

记住我的登录 忘记密码？

登录

我已阅读用户协议及版权声明

注册

var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6dc1c3c5281cf70f49bc0bc860ec24f2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); layui.use('code', function() { layui.code({ elem: 'pre', //默认值为.layui-code about: false, skin: 'notepad', title: 'php怎么实现数据库验证跳转代码块', encode: true //是否转义html标签。默认不开启 }); });

本文转自 https://www.gxlcms.com/JavaScript-251471.html，如有侵权，请联系删除。