活字体の+の（ホットリロード付き）のWebPACK + NodeJS

Question

- 活字体に基づいて、セットアッププロジェクトのいくつかのプロトタイプを。クライアントスクリプトとサーバー部分（ExpressJを持つNodeJ）が含まれています。

私はバンドラとしてWebPACKのを持っており、その場で変更を確認するために、ホットリロード機能を使用したいと思います。当初、私はreact-transform-boilerplate-tsを使用しますが、そこに問題が - 開発サーバのエントリポイントは、JSファイルです。

：私は

は、誰もが含まれているプロジェクトを作成するには良い決まり文句を（プロジェクト構造でのベストプラクティスに従っ）持ってない、だから、など、そこに私は急行の私の設定を含めたいので、それは、TSであるべきと仮定しますバックエンドはNodeJsとExpressJs（typescriptです）

• を使用するクライアントとサーバーのサポートホットリロードが（私は最良の選択を理解するよう
• クライアント（リアクト）とサーバ（typescriptです）
• - リロードのためのWebPACKオプションで、そのタスクを飲み込むありません見て回る）。

また、適切な方法でそのような種類の設定を行う方法を教えてください。たくさん

Answer 1

は誰でも良い定型はここでプロジェクト

を作成する（プロジェクト構造でのベストプラクティスに従って）いるん

おかげで、私はopensourcedきたプロジェクトです：https://github.com/alm-tools/alm

• クライアント（リアクト）とサーバ（typescriptです）

チェック！

• バックエンドはNodeJsとExpressJs（typescriptです）

チェックを使用しています！

• クライアントとサーバーのサポートホットリロード

チェック！ ：ここで私は最近、（などnodejs/reactjs +再来/サーバーレンダリング）私のプロジェクト管理アプリケーションのためのコードをリリースしhttps://github.com/alm-tools/alm/blob/master/docs/contributing/README.md#webpack

Answer 2

貢献するドキュメントです - https://github.com/Brainfock/Brainfock はそれを外観を与える（オンラインデモ）が、うまくいけば、あなたは見つけることができます便利な何か：

つまり、あなたの質問のための良い例を得るためにWebPACKのコンフィグを参照してください。https://github.com/Brainfock/Brainfock/tree/master/webpack （私はコピー＆ペーストコード形式GitHubのが必要だとは思わない）