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文件到別人電腦上運行,特別強大!!!