electron + react + react-router + mobx + webpack 搭

pingan8787 發布于2019-08-23 13:40 / 1631人閱讀

摘要：調試集成環境選擇模塊，簡單分離開發，測試，線上環境。程序保護開機自啟托盤最小化崩潰監控升級一行代碼接入升級平臺，實現客戶端升級功能打包構建一個指令搞定打包項目地址

項目地址： https://github.com/ConardLi/electron-react

electron-react

electron + react + react-router + mobx + webpack 搭建的腳手架工程

像開發react web項目一樣開發electron

項目路徑與命名

main  //主進程
    menu  //菜單
render  //渲染進程
    component  //組件
    config  //配置
    public  //靜態資源
    routes  //路由
    service  //服務
    utils  //工具類
    view  //頁面
scripts  //打包腳本
main_process  //主進程打包目錄
render_process   //渲染進程打包目錄
dist    //客戶端打包目錄
resources  //圖標資源

使用 本地調試

npm install
npm start

本地測試打包

npm run compile

打包客戶端

npm run pack-win
npm run pack-mac

解決了什么問題 1.electron+react框架搭建

主進程代碼使用babel編譯，渲染進程使用webpack打包,快速開始開發。

2.調試

集成環境選擇模塊，簡單分離開發，測試，線上環境。

3.程序保護

開機自啟

托盤最小化

崩潰監控

4.升級

一行代碼接入升級平臺，實現客戶端升級功能

5.打包構建

一個指令搞定打包

npm run pack-win
npm run pack-mac

項目地址： https://github.com/ConardLi/electron-react

GPU云服務器云服務器 react-router react-router4 Mobx electron

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99363.html

React結合TypeScript和Mobx初體驗

摘要：結合編輯器可以推導變量對應的類型以及內部的結構，提高代碼的健壯性和可維護性。通過充分利用時間回溯的特征，可以增強業務的可預測性與錯誤定位能力。對于對象的哪部分需要成為可觀察的，提供了細粒度的控制。 showImg(https://segmentfault.com/img/bVba6Ts?w=1218&h=525); 為什么要使用TypeScript 偵測錯誤通過靜態類型檢測可以盡早檢...

dreambei 2019-08-22 17:29 評論0 收藏0
分享一個react單頁應用腳手架

摘要：項目技術棧項目地址項目演示現在比較流行的腳手架應該是，由官方開發。網上關于項目的目錄結構也很多，那應該怎么合理地去組織我們的目錄結構呢為了處理這個問題，我參考了一些項目，然后把它們的優點結合起來，最后寫了這個腳手架。項目技術棧：react16+react-router4+antd-mobile2+mobx+axios+webpack4項目github地址：https://github...

kycool 2019-08-22 17:57 評論0 收藏0
前端修煉之路

摘要：一步，兩步，三步四步五步，就這樣到達了人生的巔峰傳統前端生態初級不使用打包中間處理工具，手工處理圖片等資源掌握以下知識點基礎結構，基礎樣式，基礎語法框架，系列插件框架，等基礎插件，等其他移動端適配，瀏覽器兼容，瀏覽器調試等恭喜完成新手村修一步，兩步，三步四步五步，就這樣到達了人生的巔峰~ 傳統前端生態-初級不使用打包、中間處理工具，手工處理js、css、圖片等資源掌握以下知識點：...

Jason_Geng 2019-06-26 17:58 評論0 收藏0
前端修煉之路

摘要：一步，兩步，三步四步五步，就這樣到達了人生的巔峰傳統前端生態初級不使用打包中間處理工具，手工處理圖片等資源掌握以下知識點基礎結構，基礎樣式，基礎語法框架，系列插件框架，等基礎插件，等其他移動端適配，瀏覽器兼容，瀏覽器調試等恭喜完成新手村修一步，兩步，三步四步五步，就這樣到達了人生的巔峰~ 傳統前端生態-初級不使用打包、中間處理工具，手工處理js、css、圖片等資源掌握以下知識點：...

macg0406 2019-08-26 13:29 評論0 收藏0