Reactと.jsxを電子で使用する

Question

Reactとその.jsxファイルを使用して電子プロジェクトを作成しようとしています。私は様々なチュートリアル、githubの問題、SOの答えなどを行ってきましたが、Reactで使用するElectronプロジェクトを設定する明確なガイドが見つかりませんでした。それは.jsxファイルです。

これを実行するには、どのような手順、依存関係、および設定が必要ですか？

Answer 1

ブートストラップされた2つのプロセスがあることがわかりました。

まず、インストールバベル登録らと反応処理するために.babelrcを設定し、ES6、など私はここで、これらの詳細には触れません...

はのは、あなたのメインのスクリプトがメインと呼ばれていると仮定しましょう。 JSとあなたのレンダリングスクリプト（JSX、ES6、反応する、などを含む）は

main.boot.jsレンダリングプロセスのために

// install babel hooks in the main process 
require('babel-register'); 
require('./main.js'); 

render.jsと呼ばれ、あなたはにバベル登録スクリプトを追加しますhtmlファイルの前にレンダースクリプト

<script> 
     // install babel hooks in the renderer process 
     require('babel-register'); 
</script> 
<script src='render.js'></script> 

次に、プロジェクトのメインスクリプトではなく、ブートストラップスクリプトを呼び出します。例えば、

"main": "./main.boot.js" 

のようなものにPackage.jsonを変更して、あなたのソースパスが