nw打包vue項目exe


首先需要下載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有個缺陷是打的包會大了點。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM