nw打包vue项目exe

Posted 2022-12-24 wy120

首先需要下载nw，然后解压打开，如图：

在以上新建一个同级项目文件夹，然后把把项目打包，将dist中的static文件夹与index.html放入，并新建一个package.json（可使用npm init生成），如下：

package的配置中，main和name是必须的属性，name需要是小写字母或者数字，可以包含.或者_或者-

其它属相：

  

    　  "main": "index.html",  //程序的起始页面 

  　　  "name": "demo",   //全局唯一name

   　　 "description": "demo app of node-webkit",  //程序描述

   　　 "version": "0.1.0", //版本号

　　    "window":   

            "title": "demo",  //设置默认title

            "icon": "favicon.png", //窗口的icon。 

            "toolbar": false,  //显示导航栏

            "resizable": true,  //允许调整窗口大小

            "fullscreen": false,  //全屏

            "show_in_taskbar": true,  //win任务栏显示图标

            "frame": true,  //程序边框显示

            "position": "center",  //窗口打开时的位置，可以设置为“null”、“center”或者“mouse”

            "width": 800,  //主窗口的的宽度

            "height": 700,  //主窗口的的高度

            "min_width": 400,  //窗口的最小宽度

            "min_height": 300,  //窗口的最小高度

            "max_width": 800,  //窗口显示的最大宽度

            "max_height": 670,  //窗口显示的最大高度

            "show": true,  //启动时窗口可见。

            "show_in_taskbar":true,   //在任务栏显示图标。

            "kiosk": false  //如果使用kiosk模式，应用程序将全屏显示，并且阻止用户离开应用。

         

　　

nw app 或 nw .运行，也可以直接将新建的项目文件夹拖拽至nw.exe上运行，就可以看到此时的桌面项目样子。

接下来压缩新建的项目文件夹中的文件并更名为XXX.nw,如dome.nw，并把这个XXX.nw拿到父级（与项目文件夹一样，与nw目录同级）。

接下来运行：copy /b nw.exe+dome.nw dome.exe

出现了dome.exe文件，继续：

下载并安装Enigma Virtual Box，打开软件并输入dome.exe的位置路径与输出位置路径，并把相关需要文件add到下面的file中，点击Process

我是将除了新建的项目文件与.exe文件之外的文件全拖了进去。

nw有个缺陷是打的包会大了点。