欢迎来到科站长!

JavaScript

当前位置: 主页 > 网络编程 > JavaScript

一文详解如何将Javascript打包成exe可执行文件

时间:2025-07-21 10:16:25|栏目:JavaScript|点击:

什么是 pkg?

pkg 是一个命令行工具,能将 Node.js 项目及其依赖打包成一个单独的可执行文件。用户无需安装 Node.js 环境即可运行你的程序。支持的操作系统包括:

  • Windows (生成 .exe)

  • macOS (生成二进制文件)

  • Linux (生成二进制文件)

安装 pkg

通过 npm 全局安装或作为项目依赖安装:

1
2
3
4
5
# 全局安装(推荐)
npm install -g pkg
 
# 或作为项目开发依赖安装
npm install pkg --save-dev

基本使用

步骤 1:准备你的 Node.js 项目

假设你有一个简单的脚本 app.js

1
2
// app.js
console.log("Hello from pkg!");

步骤 2:通过命令行打包

在终端运行以下命令:

1
pkg app.js --targets node18-win-x64,node18-macos-x64,node18-linux-x64 --output myapp
  • --targets: 指定目标平台和 Node.js 版本(例如 node18-win-x64 表示 Node.js 18 + Windows 64位)。

  • --output: 输出文件名(会根据平台自动添加后缀,如 .exe)。

步骤 3:运行生成的可执行文件

生成的 myapp.exe(Windows)或 myapp(macOS/Linux)可直接运行,无需 Node.js 环境。

配置 package.json

更推荐在 package.json 中配置 pkg 参数:

1
2
3
4
5
6
7
8
9
10
11
{
  "name": "myapp",
  "version": "1.0.0",
  "scripts": {
    "build": "pkg . --targets node18-win-x64,node18-macos-x64,node18-linux-x64 --output myapp"
  },
  "pkg": {
    "assets": ["public/**/*", "views/**/*"],  // 包含静态资源
    "scripts": ["scripts/*.js"]  // 包含额外脚本
  }
}

运行 npm run build 即可打包。

处理资源文件

如果你的项目包含静态文件(如图片、HTML 模板),需注意:

  • 相对路径问题:使用 __dirname 或 path.resolve() 确保路径正确。

  • 在 pkg.assets 中声明资源

    1
    2
    3
    4
    5
    {
      "pkg": {
        "assets": "public/**/*"
      }
    }

高级用法

指定 Node.js 版本和平台

支持的平台列表:

1
pkg -h  # 查看所有支持的 target 组合

打包整个项目

直接打包 package.json 的入口文件:

1
pkg .

处理环境变量

在代码中通过 process.env.PKG 判断是否在打包环境中运行:

1
2
3
if (process.env.PKG) {
  console.log("Running in packaged mode!");
}

常见问题

问题 1:动态导入模块失败

  • 原因pkg 无法处理动态 require()(如 require(path.join(__dirname, file)))。

  • 解决:在 pkg.scripts 中预声明所有可能动态加载的文件。

问题 2:文件路径错误

  • 原因:打包后文件系统路径变化。

  • 解决:使用 path.dirname(process.execPath) 获取可执行文件所在目录。

问题 3:缺少依赖

  • 原因:未在 dependencies 中声明依赖。

  • 解决:确保所有依赖在 package.json 的 dependencies 中。

示例:打包 Express 应用

  • 项目结构:

    1
    2
    3
    4
    5
    my-express-app/
    ├── app.js
    ├── public/
    │   └── index.html
    └── package.json
  • app.js 代码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    const express = require('express');
    const path = require('path');
    const app = express();
     
    app.use(express.static(path.join(__dirname, 'public')));
     
    app.listen(3000, () => {
      console.log('Server running on port 3000');
    });
  • package.json 配置:

    json

    1
    2
    3
    4
    5
    {
      "pkg": {
        "assets": "public/**/*"
      }
    }
  • 打包命令:

    1
    pkg app.js --targets node18-win-x64 --output my-express-app

总结

  • 使用 pkg 可轻松将 Node.js 项目转换为可执行文件。

  • 注意处理静态资源路径和动态模块加载。

  • 通过 package.json 配置更便捷。


上一篇:JavaScript中if、else if、else和switch的语法、用法及注意事项

栏    目:JavaScript

下一篇:vue3整合SpringSecurity加JWT实现登录认证

本文标题:一文详解如何将Javascript打包成exe可执行文件

本文地址:https://www.fushidao.cc/wangluobiancheng/23722.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2025 科站长 版权所有冀ICP备14023439号