electron-react-base

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

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到洪江網(wǎng)站設(shè)計(jì)與洪江網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、網(wǎng)頁(yè)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋洪江地區(qū)。

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

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

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

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

  ---

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

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

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

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

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

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

或者

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