TypeScript Webアプリケーションでクライアントとサーバー側のコードを共有する

Question

TypeScriptプロジェクトがあり、データ（.ts）ファイル（タイトルなど）があり、サーバー側とクライアント側の両方が必要です。

私のディレクトリ構造は次のようになります。。

node_modules/ 
package.json 
README.md 
src/ 
    data.ts 
    data.js (compiled data.ts) 
    server.ts 
    server.js (compiled server.ts) 
    public/ 
     sw.ts 
     sw.js (compiled sw.ts) 
     [other static resources (.css, .html or other .ts)] 

のsrc/* tsのファイルは、SRC /公共/ * tsのファイルは、クライアント側は、サーバー側です。

server.tsとsw.tsの両方からdata.tsをインポートしますが、requireは明らかにsw.jsでは動作しません。

どうすればこの問題を解決できますか？ また、どんなディレクトリ構造が良いでしょうか？

Answer 1

私は

src/ 
    common/ 
     data.ts 
    server/ 
     server.ts 
    client/ 
     sw.ts 

を次のように整理し、outDir:../publicに全体をコンパイルします。 module: commonjsも使用してください。

CommonJSは、ノード（サーバー）とwebpack（クライアント）でそのまま使用できます。