distディレクトリを使用するようにliteサーバを変更する

Question

私は、スタータサンプルを使用してAngular 2プロジェクトをセットアップしました。コードはappsディレクトリの下に置かれ、tsは同じ構造のjsにコンパイルされ、lite-serverはファイルを正しく提供します。すべて正常に動作します。

js &マップファイルが同じ構造（これは他の環境ではかなり一般的です）が気に入らないので、ts出力をdistディレクトリに移動したいと思います。

tsconfig.jsonファイルに

"outDir": "dist" 

を追加すると、tsはDIST /アプリ/ appディレクトリの下の.jsにコンパイルさせることがありません。なぜこれが構造体に2番目のアプリケーションを追加するのか不明です。

試行錯誤のテストでは、古い構造のためにbasedir = "./"と思われます。なぜこれが機能するのかわかりませんが、それはありません。

使用してBS-config.jsの

module.exports = { 
    port: 3000, 
    server: { 
    // old structure, this works 
    baseDir: "./" 
    // new structure commented out, does not work 
    //baseDir: "./dist" 
    } 
}; 

はこの中で果たしているが、ファイルを提供するためにdistの構造を得ることができません。

「Can not GET /」レスポンスを常に取得してください。

マイtsconfig.jsonファイル：誰かが私の調査結果と私は行方不明ですが説明できる場合

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false, 
    "suppressImplicitAnyIndexErrors": true, 
    "outDir": "dist" 
    } 
} 

をお願い申し上げます。

Answer 1

distのようなフォルダ構造のため、dist/app/appのように、サーバーがファイルをサーバーすることができません。 あなたdistフォルダが正しいフォルダ構造を持つことになりますので、あなたはそれがあなたのbs-config.jsで正しいserver.baseDirを定義した後dist/app/appようstrctureと、フォルダ構造に従って、あなたのtsconfig.jsonであなたのベースパスを定義することではない試すことができます。

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false, 
    "suppressImplicitAnyIndexErrors": true, 
    "baseUrl": "./app", 
    "outDir": "./dist" 
    } 
}