電子反応基
基づき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ディレクトリをコピーしたディレクトリapp
img
exeファイルにパッケージ化プロジェクト:
あなたは写真や他のファイルを持っている場合は、にコピー
app
ディレクトリ。npm run build //默认打包成exe,别的系统打包需要另行配置
若しくは
npm run webpack-main npm run webpack-renderer npm run electron-builder