vuejs electron webpack集成使用

傳統的vue SPA頁面在瀏覽器環境中使用，可是有的時候咱們還但願可以作成一個相似於桌面的app在PC上使用，但願不只可使用全部的瀏覽器SPA的功能，你也可能外加host os的功能，好比文件的本地保存，離線使用等。這時，electron就是一個很好的備選方案。electron自己集成了一個chrome核心的瀏覽器以及nodejs server模塊，既可使用已有的web技術棧，又能借助electron的跨平臺能力，從而實現cross-platform的原生app。

做爲開發者，還有一個痛點就是對不一樣的平臺android, ios, windows pc, mac pc, linux pc分別要開發不一樣的代碼，如何可以實現一篇代碼在不一樣device上使用呢？

一個思路是使用微信的小程序，小程序內嵌在微信中，使用web開發技能來構建小程序，因爲微信自己是跨平臺的，支持各類不一樣的mobile操做系統，一樣也支持pc版本，所以能夠做爲一個很好的思路去嘗試。可是問題在於微信自己是一個封閉的生態，小程序開發雖然解決了開發者部分痛點，可是帶來新的痛點：必須依照微信定義的簡陋的開發規範，幾乎什麼都要本身去搭，沒法使用巨大的開源力量。

另一個思路就是使用阿里開源weex，weex專門用於解決開發人員的痛點：實現一份代碼，在不一樣的os上運行，基於vuejs的組件式開發，可以大大提升開發的效率。可是貌似PC版本沒法支持，可是這個問題應該能夠經過一樣聚焦於web開發跨平臺應用的electron來解決

https://weex.apache.org/cn/guide/index.html

https://github.com/SimulatedGREG/electron-vue

https://www.gitbook.com/book/simulatedgreg/electron-vue/details/cn

https://coligo.io/bookmarking-app-electron-vuejs-firebase/