Ändern des Lite-Servers zur Verwendung des Verzeichnisses dist

Question

Ich habe ein Angular 2-Projekt mit dem Starter-Beispiel eingerichtet. Code wird unter dem apps-Verzeichnis abgelegt, ts kompiliert zu js in der gleichen Struktur und lite-server liefert Dateien korrekt. Alles funktioniert richtig.

Ich möchte die ts-Ausgabe in ein dist-Verzeichnis verschieben, da ich keine js & Map-Dateien in der gleichen Struktur (das ist ziemlich üblich in anderen Umgebungen).

"outDir": "dist" 

zur tsconfig.json Datei wird die zu ts in Js unter dem dist/app/app Verzeichnis zusammengestellt verursacht Hinzufügen. Nicht sicher, warum dies der Struktur eine zweite App hinzufügt.

Durch Versuchs- und Fehlertests scheint basedir = "./" für die alte Struktur zu funktionieren. Nicht sicher, warum das funktioniert, aber es tut.

Mit bs-config.js

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

Wurden mit diesem eine Weile gespielt, aber nicht die dist Struktur erhalten, um Dateien zu dienen.

Erhalten Sie immer eine Antwort "Kann nicht GET /".

Meine tsconfig.json Datei:

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

würde schätzen, wenn jemand meine Erkenntnisse erklären könnte, und was mir fehlt.

Answer 1

Wegen Ihrer dist Ordnerstruktur wie dist/app/app ist möglicherweise Lite-Server nicht in der Lage, Ihre Dateien zu Server. So können Sie durch die Definition Ihrer Basispfad in Ihrem tsconfig.json wie pro Ihre Ordnerstruktur versuchen so Ihre dist Ordner korrekten Ordnerstruktur haben, nicht wie dist/app/app strcture und nachdem es richtig server.baseDir definieren in Ihrem bs-config.js:

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