electron vue專案打包踩坑記錄

配置

"

build
": , 
"nsis
": ,
"publish
": [
],"files
": [
"dist/electron/**/*"],
"dmg
": ,]},
"mac
": ,
"win": ]},
"linux": 
}

1、設定映象：在build裡面加下面一段**

一般情況下解決這些問題的思路就是，缺什麼拿什麼?。

三、node-sass問題

四、static/下資源無法載入問題

在開發和產品階段static的路徑是不一致的。

這裡官方貼心的提供了乙個__static的全域性變數 （兩個下劃線開頭），可以用來替代需要static的地方

如果dev或者web環境下__static變數解析不正確，只需要自行修改對應執行環境下的__static變數值就行了，例如dev環境下的__static應該改為：

//

.electron-vue/webpack.renderer.config.js
if (process.env.node_env !== '
production
') "`
'__static
': json.stringify('
./static')
}))}

五、打包後顯示除錯工具

mainwindow.webcontents.opendevtools()

小技巧 electron vue打包生成桌面端軟體

安裝 vue cli 和 腳手架樣板 npminstall g vue cli vue init simulatedgreg electron vue my project 安裝依賴並執行你的程式 cd my project yarn 或者 npm install yarn run dev 或者 n...

初嚐electron vue專案搭建

以前只見過，但是一直沒時間來玩玩，最近公司有需求重構某個應用做桌面程式，便開始了探索之路 文件 我的環境 node 14.7 yarn 1.22.4 windows10專業版 安裝 vue cli 和 腳手架樣板 npm install g vue cli vue init simulatedgre...

Electron Vue前端開發準備

1 安裝node.js 2 安裝yarn npm install g yarn3 配置yarn使用 映象 yarn config set registry4 安裝vue cli yarn global add vue cli1 建立vue專案 vue create 專案名 2 新增electron ...