简介
webpack-electron-packager 是一个基于 webpack 和 electron-packager 的 npm 包，它可以帮助我们将 web 应用程序打包成桌面应用程序。
安装
首先需要在你的项目中安装 webpack-electron-packager：
--- ------- ------------------------- ----------
使用
创建 webpack 配置文件 webpack.config.js：
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
----- ----------------------- ---------
--------- -----------
--
------- -
------ -
-
----- --------
-------- -----------------
------- ---------------
-------- -
-------- ---------------------
-
-
-
-
--创建 electron 配置文件 package.json:
-
------- ------------------
---------- --------
------- ----------
---------- -
-------- --------- --
-
-创建 main.js 文件：
----- ----- -------------- - -------------------
----- ---- - ---------------
----- --- - --------------
--- ---
-------- ------------ -- -
--- - --- --------------------- ---- ------- -----
------------------------
--------- -------------------- --------------
--------- --------
-------- ----
---
------------------------------
---------------- -- -- -
--- - ----
--
-
--------------- -------------
--------------------------- -- -- -
-- ----------------- --- --------- -
----------
-
--
------------------ -- -- -
-- ---- --- ----- -
--------------
-
--创建 index.html 文件：
--------- -----
------
------
----- ----------------
------------ --------------
-------
------
--------- -----------
------- -------------------------
-------
-------然后在 package.json 中添加打包脚本：
-
------- ------------------
---------- --------
------- ----------
---------- -
-------- --------- ---
-------- -------- -- ----------------- - ---------------- ---------- ---------- ------------
--
------------------ -
-------------- ---------
-------------------- ---------
--------------- ---------
----------- ---------
-------------------- ----------
---------- ----------
-------------- ----------
---------------------------- --------
-
-然后使用 npm run build 命令进行打包。
结语
webpack-electron-packager 可以让我们方便地将 web 应用程序打包成桌面应用程序。它结合了 webpack 和 electron-packager 的功能，使用起来十分方便。希望这篇教程能够帮助到大家。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671048dd3466f61ffdc71