基于electron+react+redux+saga的基礎(chǔ)項(xiàng)目配置

這篇文章主要為大家詳細(xì)介紹基于electron+react+redux+saga的基礎(chǔ)項(xiàng)目配置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。

基于electron + react + redux + saga的基礎(chǔ)項(xiàng)目配置
github:https://github.com/maichonglyd/electron-react-base

璧山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

項(xiàng)目結(jié)構(gòu)：

• app 最終要打包的目錄
• build 調(diào)試項(xiàng)目時(shí)打包的目錄
• flow flow語法定義目錄
• img 圖片目錄
• scss 界面樣式目錄
• src 界面代碼目錄
• webpack webpack打包配置目錄

src下目錄結(jié)構(gòu)：

• components 界面組件目錄
• pages 界面目錄
• redux 數(shù)據(jù)組織目錄
• sagas 數(shù)據(jù)請求目錄
• App.jsx 頁面路由配置
• main-dev.js 項(xiàng)目調(diào)試入口
• main.js 項(xiàng)目打包后的入口
• renderer.jsx 頁面啟動文件

  ---

項(xiàng)目的調(diào)試：

npm init
npm run webpack-renderer-watch
npm run start-dev

調(diào)試時(shí)如果需要使用圖片，可以放入img目錄下，在需要打包的時(shí)候請把img目錄下的圖片復(fù)制到app的img目錄下

項(xiàng)目打包成exe：

如果有圖片或別的文件，請復(fù)制到app目錄下。

npm run build //默認(rèn)打包成exe，別的系統(tǒng)打包需要另行配置

或者

npm run webpack-main
npm run webpack-renderer
npm run electron-builder

以上就是electron+react+redux+saga的基礎(chǔ)項(xiàng)目配置的具體操作，代碼應(yīng)該是足夠清楚的，而且我也相信有相當(dāng)?shù)囊恍├涌赡苁俏覀內(nèi)粘９ぷ骺赡軙姷玫降?。通過這篇文章，希望你能收獲更多。

當(dāng)前文章：基于electron+react+redux+saga的基礎(chǔ)項(xiàng)目配置
網(wǎng)頁URL：http://bm7419.com/article4/jjcgie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站策劃、網(wǎng)站營銷、、微信小程序、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)