TypeScript štruktúra projektu rubrika: Programování: JavaScript

2 Juraj Mlich
položil/-a 7.7.2016

Zdravím,

programujeme rozsiahlu aplikáciu v jazyku TypeScript (za použitia Angular 2 frameworku). Máme však problém s adresárovou štruktúrou a cyklickými dependencies. Preto sme sa rozhodli trošku už napísaný kód upraviť.

Aktuálne je každá trieda vo vlastnom súbore, nepoužívame žiadne namespaces, moduly... Jednoducho všade máme importy s relatívnou cestou k súboru. Je však možné rozdeliť aplikáciu do viacerých logických modulov. Dá sa to nejakým spôsobom docieliť v rámci jedného projektu? Znamená to, že nebudeme používať relatívnu cestu k súboru, ale napríklad nottelo/connection, poprípade nottelo/core, nottelo/data-management ... Používame Webpack a TypeScript 1.9.

Taktiež by som sa rád spýtal ohľadom testov. Patria do src priečinku projektu, alebo by sme mali zmeniť aj ich umiestnenie?

Aktuálna štruktúra (zjednodušená):

  1. node_modules
  2. src
    2.1 ts
      2.1.1 tests
      2.1.2 connection
      2.1.3 data-management
      2.1.4 application
      2.1.5 utils
    2.2 css

Na Googli som sa bohužiaľ nič nedočítal. Vopred veľmi pekne ďakujem za odpoveď :)

odkaz
3 richard.mihalovic
odpověděl/-a 7.7.2016

Na tie relativne importy mozes vyskusat babel-root-import (https://github.com/michaelzoidl/babel-root-import).

// Usually
import SomeExample from '../../../some/example.js';
const OtherExample = require('../../../other/example.js');
 
// With Babel-Root-Importer
import SomeExample from '~/some/example.js';
const OtherExample = require('~/other/example.js');

Pro zobrazení všech 4 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.