Wie strukturiert man eine große Typoskript-Datei?

Question

Wir verwenden Typoskript anstelle von einfachem JavaScript seit ca. 6 Monaten.

Im Moment wächst unser Code (große Anwendung) und einige Typoskript-Dateien sind etwa 3000 bis 5000 Zeilen Code.

1 Datei ist meistens 1 Ansicht in unserem Frontend (z. B. historyView.cshtml hat eine history.ts). Aber einige Ansichten auf unserem Frontend sind wirklich groß und können eine Menge schöner UI-Arbeit leisten.

Ein Beispiel:

history.ts

namespace history 
{ 
    // 10 base functions here 


    export namespace zoomfunction 
    { 
     // 10 more functions here 
    } 

    export namespace chartfunctions 
    { 
     // 10 more functions here 
    } 

    // Repeat this 10 times with more namespaces and functions... 
} 

Wie dies in einer besseren Art und Weise zu organisieren, dann 5000 Zeilen Code? Ich habe über aufgeteilte Namespaces in Dateien oder Modulen gelesen - was ist "best practice"?

Answer 1

Erstellen einer einzelnen Datei mit Tonnen von Code ist definitiv eine schlechte Art, es zu tun. Und ich denke, Sie sollten mit Module statt Namespaces gehen. (Sie können here zum Beispiel über Module aussehen.)

Als Ergebnis Sie Dateistruktur ähnlich wie diese haben würde:

src 
└── history 
    ├── zooming 
    ├── charts 
    ├── <...> 
    └── index.ts 

dann in der App-Datei importieren Sie könnten nur die Geschichte Modul wie folgt aus:

import * as history from './history';