electron+react-redux-saga基礎項目配置

electron-react-base

---

基於electron + react + redux + saga的基礎項目配置
github:https://github.com/maichonglyd/electron-react-base

項目結構：

• app 最終要打包的目錄
• build 調試項目時打包的目錄
• flow flow語法定義目錄
• img 圖片目錄
• scss 界面樣式目錄
• src 界面代碼目錄
• webpack webpack打包配置目錄

src下目錄結構：

• components 界面組件目錄
• pages 界面目錄
• redux 數據組織目錄
• sagas 數據請求目錄
• App.jsx 頁面路由配置
• main-dev.js 項目調試入口
• main.js 項目打包後的入口
• renderer.jsx 頁面啓動文件

  ---

項目的調試：

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

調試時如果需要使用圖片，可以放入img目錄下，在需要打包的時候請把img目錄下的圖片複製到app的img目錄下

項目打包成exe：

如果有圖片或別的文件，請複製到app目錄下。

npm run build //默認打包成exe，別的系統打包需要另行配置

或者

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