简介
packaged-webapp 是一个用于将 web 应用程序打包成一个可执行二进制文件的工具，利用了 Node.js 的打包能力来进行打包。它是一个 npm 包，支持 Windows、macOS 和 Linux 系统，并且可以在浏览器中运行。
安装
可以使用 npm 在全局进行安装：
npm install -g packaged-webapp
打包
在需要打包的 web 应用程序的根目录下，运行以下命令进行打包：
packaged-webapp
此时，会在当前目录下生成一个名为 packaged-webapp 的目录，其中包含两个文件:
app：可执行二进制文件package.json：用于安装依赖的信息
运行
运行生成的二进制文件即可启动打包好的 web 应用程序：
./app
默认情况下，应用程序将以 8080 端口运行。可以通过指定环境变量 PORT 来修改端口号：
PORT=3000 ./app
然后，可以在浏览器中访问 http://localhost:3000 来查看应用程序。
可选配置
在打包过程中，可以添加一些可选的配置选项：
--target：指定输出文件的平台和架构，比如darwin-x64、win32-ia32等。默认值是当前平台和架构。--icon：指定应用程序的图标文件路径。此图标将在窗口标题栏和任务栏中显示。默认值是应用程序的 favcion。--overwrite：指定是否覆盖已存在的输出目录。默认值是 false。--asar：指定是否将应用程序打包成 asar 格式的归档文件。默认值是 true。--no-prune：指定是否保留 devDependencies 依赖项。默认值是 false。--ignore：指定要忽略的文件和文件夹。默认值是"test" "tests" "README.md" "readme.md" "LICENSE" "license" "CHANGELOG.md" "changelog.md"。
以下是一个例子：
packaged-webapp --target win32-x64 --icon app.ico --overwrite --no-prune --ignore "docs" "data" "LICENSE.md"
示例代码
下面是一个简单的 web 应用程序示例，该应用程序使用了 Express.js 框架和 EJS 模板引擎。可以使用 packaged-webapp 将其打包为可执行文件：
- 在当前目录下新建以下文件：
- app.js：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - --------------- ----- --- - ---------- ---------------- ---------- ------------- -------- ------ ------------ ----- ---- -- - ------------------- - ------ ------- ---------- -- ---------------- -- -- - ---------------- -- --------- -- ---- ------- --
- views/index.ejs：
-- -------------------- ---- ------- --------- ----- ------ ------ ---------- ----- ---------- ------- ------ ------- ----- ------- ------- -------
- 安装依赖：
npm install express ejs
- 运行应用程序：
node app.js
在浏览器中访问
http://localhost:8080来查看应用程序。使用 packaged-webapp 进行打包：
packaged-webapp
- 运行生成的二进制文件：
./app
- 在浏览器中访问
http://localhost:8080来查看应用程序。
总结
使用 packaged-webapp 工具可以方便地将 web 应用程序打包为可执行文件，这对于实现单个应用程序的应用程序很有用。本文介绍了如何安装和使用 packaged-webapp 工具，并提供了一个实例来演示如何将 web 应用程序打包为可执行文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2134b7403f2923b035c68b