web-dev-qa-db-ja.com

Typescript + webpack（ホットリロードあり）+ NodeJS

問題に直面しました-TypeScriptに基づいてプロジェクトのプロトタイプをセットアップします。これには、クライアントスクリプトとサーバー部分（ExpressJを使用するNodeJ）が含まれています。

Webpackをバンドラーとして使用し、ホットリロード機能を使用して変更をオンザフライで確認したいと思います。最初は react-transform-b​​oilerplate-ts を使用しましたが、そこでの問題-開発サーバーのエントリポイントはjsファイルです。 Expressの設定などを含めたいので、tsにする必要があると思います。

それで、誰かが以下を含むプロジェクトを作成するための良い定型文（プロジェクト構造のベストプラクティスに従った）を持っていますか？

  • クライアント（React）とサーバー（TypeScript）
  • バックエンドはNodeJとExpressJ（TypeScript）を使用します
  • クライアントとサーバーはホットリロードをサポートしています（私が最善の選択を理解しているように-監視を実行するgulpタスクではなく、リロードのためのwebpackオプションです）。

あるいは、そのようなものを適切な方法で構成する方法について、良いアドバイスをいただけますか。

どうもありがとう

node.jsreactjstypescriptwebpack-dev-server
12
Victor

プロジェクトを作成するための優れた定型文（プロジェクト構造のベストプラクティスに従ったもの）を持っている人はいますか？

これが私がオープンソース化したプロジェクトです： https://github.com/alm-tools/alm

  • クライアント（React）とサーバー（TypeScript）

小切手！

  • バックエンドはNodeJとExpressJ（TypeScript）を使用します

小切手！

  • クライアントとサーバーはホットリロードをサポートします

小切手！ ：寄稿ドキュメントは次のとおりです https://github.com/alm-tools/alm/blob/master/docs/contributing/README.md#webpack ????

6
basarat

最近、プロジェクト管理アプリケーションのコードをリリースしました（nodejs/reactjs + redux /サーバーレンダリングなど） https://github.com/Brainfock/Brainfock 見てください（オンラインデモが利用可能）、うまくいけば、あなたは何か役に立つものを見つけるでしょう：

つまり、webpack configを参照して、質問の良い例を取得してください： https://github.com/Brainfock/Brainfock/tree/master/webpack （Githubからコードをコピーして貼り付けるとは思わない必要です）

1
Webkadabra