溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間：2020-05-11 13:37:51 來源：億速云 閱讀：278 作者：Leah 欄目：web開發(fā)

這篇文章主要為大家詳細(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

項(xiàng)目結(jié)構(gòu)：
  • app 最終要打包的目錄
  • build 調(diào)試項(xiàng)目時打包的目錄
  • 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)試時如果需要使用圖片，可以放入img目錄下，在需要打包的時候請把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)粘９ぷ骺赡軙姷玫降?。通過這篇文章，希望你能收獲更多。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手