Typescript + webpack（帶有熱重載）+ NodeJS

Question

面對問題 - 建立基於TypeScript的項目原型。它包含客戶端腳本和服務器部分（帶有ExpressJ的NodeJs）。

我想將webpack作爲打包程序並使用熱重新加載功能以查看即時更改。最初，我用react-transform-boilerplate-ts，但那裏的問題 - 開發服務器的入口點是js文件。我想這應該是TS，因爲我想，包括我的快遞配置等

因此，沒有人有很好的樣板（在項目結構遵循最佳實踐）來創建項目包含：

• 客戶端（反應）和服務器（打字稿）
• 後端使用的NodeJS和ExpressJs（打字稿）
• 客戶端和服務器支持熱重裝（據我所知最好的選擇 - 是重裝，沒有吞下任務的WebPack選項跑步看）。

或者你可以告訴我一些好的建議，如何配置適當的東西。

非常感謝

Answer 1

沒有人有很好的樣板（在項目結構遵循最佳實踐）來創建項目

這裏是一個項目，我opensourced：https://github.com/alm-tools/alm

• 客戶端（React）和服務器（打字稿）

檢查！

• 後端使用和的NodeJS ExpressJs（打字稿）

檢查！

• 客戶端和服務器支持熱重裝

檢查！ ：這裏有貢獻文檔https://github.com/alm-tools/alm/blob/master/docs/contributing/README.md#webpack

Answer 2

我最近發佈的代碼爲我的項目管理應用程序（的NodeJS/reactjs +終極版/服務器渲染等等） - https://github.com/Brainfock/Brainfock 給它看看（可在線演示），希望你能找到一些有用的東西：

也就是說，看到的WebPack配置得到一個很好的例子對你的問題：https://github.com/Brainfock/Brainfock/tree/master/webpack （我不認爲複製粘貼代碼的形式Github上是必要的）