電子+反応-Reduxの-佐賀基本的なプロジェクト構成

電子反応基


基づきelectron+ react+ redux+ saga基礎プロジェクト構成
GitHubの:https://github.com/maichonglyd/electron-react-base

プロジェクト構造:

  • 最終的にパッケージ化さappディレクトリ
  • パッケージ化されたプロジェクトディレクトリを構築しデバッグするとき
  • フローフロー構文定義ディレクトリ
  • IMGの写真ディレクトリ
  • SCSSインターフェースのスタイルディレクトリ
  • srcディレクトリ・インタフェース・コード
  • WebPACKのWebPACKのパッケージ設定ディレクトリ
srcディレクトリ構造:
  • コンポーネントインタフェースコンポーネントディレクトリ
  • インターフェイスのカタログページ
  • Reduxのデータ編成ディレクトリ
  • サガカタログデータ要求
  • App.jsxルーティング設定ページ
  • メインdev.jsプロジェクトの試運転の入り口
  • main.jsプロジェクトパッケージ後のエントランス
  • renderer.jsxページのスタートアップファイル

プロジェクト試運転:

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

絵をデバッグするときに使用する必要がある場合は、中に配置することができimg、必要にパッケージ化する際にしてください、ディレクトリimgにimagesディレクトリをコピーしたディレクトリappimg

exeファイルにパッケージ化プロジェクト:

あなたは写真や他のファイルを持っている場合は、にコピーappディレクトリ。

npm run build //默认打包成exe,别的系统打包需要另行配置

若しくは

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

おすすめ

転載: blog.51cto.com/wuzishu/2415839