electron-vue打包


electron和vue整合項目的打包方式:

首先,打包方式不止這一種,我就說一下我打包成功的那種,嘻嘻~~

1、全局安裝electron-builder打包工具:npm install -g electron-builder

2、在項目根目錄下的package.json文件中配置打包相關信息:

圖中圈住部分是在windows下打包的配置,ia32代表生成的exe文件是32位的,因為64位電腦可運行32和64位的exe文件,所以直接打包32位就可以了,

如果同時打包32位和64位的exe文件,體積會增大,沒有必要

這里我打包后的輸出文件是放到了build目錄下,因為配置了

"directories": {
  "output": "build"
},
如果沒有配置的話,會直接生成到dist目錄下。
如果想了解更多的build打包配置,可以看看這個,寫得挺詳細的: https://www.h3399.cn/201810/624708.html
3、執行 npm run build,執行成功后,生成的dist目錄和build目錄就長這樣

4、雙擊exe之類的文件,就可以彈出窗體了,可以直接拷貝exe文件到別人電腦上運行,特別強大!!!

 


免責聲明!

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



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