使用 NCC 和 PKG 打包 Node.js 项目为可执行文件(Linux ,macOS,Windows)

🎬 江城开朗的豌豆个人主页

🔥 个人专栏 :《 VUE 》 《 javaScript 》

📝个人网站 :《 江城开朗的豌豆🫛 》

⛺️ 生活的理想,就是为了理想的生活 !

目录

[📘 文章引言](#📘 文章引言)

[步骤 1:准备你的 Node.js 项目](#步骤 1:准备你的 Node.js 项目)

[步骤 2:安装 NCC 和 PKG](#步骤 2:安装 NCC 和 PKG)

[步骤 3:使用 NCC 编译你的项目](#步骤 3:使用 NCC 编译你的项目)

[步骤 4:使用 PKG 打包应用](#步骤 4:使用 PKG 打包应用)

[步骤 6:运行可执行文件](#步骤 6:运行可执行文件)

[⭐ 写在最后](#⭐ 写在最后)



📘 文章引言

在这篇文章中,我们将学习如何使用 nccpkg 将 Node.js 项目打包成一个可执行文件,这样你可以轻松地分发和运行你的应用程序。

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

确保你有一个已创建的 Node.js 项目。如果还没有,可以通过以下命令创建一个新的项目:

javascript 复制代码
mkdir my-node-app
cd my-node-app
npm init -y

然后,安装所需的依赖:

java 复制代码
npm install express

创建一个简单的 index.js 文件:

javascript 复制代码
// index.js
const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
    res.send('Hello World!');
});

app.listen(port, () => {
    console.log(`App listening at http://localhost:${port}`);
});

步骤 2:安装 NCC 和 PKG

javascript 复制代码
npm install -g @vercel/ncc

npm install -g pkg 

步骤 3:使用 NCC 编译你的项目

html 复制代码
ncc build index.js -m -o dist

步骤 4:使用 PKG 打包应用

cpp 复制代码
 pkg dist/index.js

步骤 6:运行可执行文件

cpp 复制代码
./my-node-app   # Linux 和 macOS
my-node-app.exe # Windows

⭐ 写在最后

请大家不吝赐教,在下方评论或者私信我,十分感谢🙏🙏🙏.

✅ 认为我某个部分的设计过于繁琐,有更加简单或者更高逼格的封装方式

✅ 认为我部分代码过于老旧,可以提供新的API或最新语法

✅ 对于文章中部分内容不理解

✅ 解答我文章中一些疑问

✅ 认为某些交互,功能需要优化,发现BUG

✅ 想要添加新功能,对于整体的设计,外观有更好的建议

最后感谢各位的耐心观看,既然都到这了,点个 👍赞再走吧!

相关推荐
前端李易安4 小时前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
Ztiddler13 小时前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
前端青山14 小时前
webpack进阶(一)
前端·javascript·webpack·前端框架·node.js
老攀呀16 小时前
安装多个nodejs版本(nvm)
node.js
佚名程序员16 小时前
【Node.js】全面解析 Node.js 安全最佳实践:保护您的应用
安全·node.js
zxg_神说要有光1 天前
快速入门 AI:调用 AI 接口生成 React 组件
前端·javascript·node.js
佚名程序员1 天前
【Node.js】深入理解 V8 JavaScript 引擎
前端·javascript·node.js
赵闪闪1681 天前
Node.js 安装与开发环境配置全指南
node.js
前端与小赵1 天前
什么是Webpack,有什么特点
前端·webpack·node.js
生椰拿铁You1 天前
03 —— Webpack 自动生成 html 文件
前端·webpack·node.js