Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:typescript:typescript_modulok

< TypeScript

TypeScript modolok

Modul készítése

Az export utasítást használjuk mint JavaScriptben:

SajatMath.ts
export class SajatMath {
    static PI: number = 3.1415926535;
    static pow(base: number, exponent: number): number {
        if(exponent==0) {
          return 1;
        }else if(exponent == 1) {
          return base;
        }else {
          let result: number = base;
          for(let i=1;i<exponent;i++) {
            result *= base;
          }
          return result;
        }
    }
}

Modul használata

app.ts
import { SajatMath } from './SajatMath.js';
 
console.log(SajatMath.PI);

HTML fájl

Ha böngészőben futtatjuk a modult, akkor a weblapon a script elemnek szükséges egy type attribútum, module értékkel.

Részlet:

<script type="module" src="app.js"></script>

Fordítás

Fordítás böngésző használatra

Paraméterezve

Lépjünk be az src könyvtárba, vagy ahol találhatók a .ts kiterjesztésű fájlok:

cd src
tsc --target es6 app.ts

Vagy:

tsc --module esnext app.ts

Beállítás állománnyal

Készítsünk egy tsconfig.json fájlt:

tsconfig.json
{
    "compilerOptions": {
        "target": "es6"
    }
}

A fordítás ezek után:

tsc

Szeretnénk, ha tsc parancs használná a tsconfig.json fájlt, így nem adunk neki paramétert.

Fordítás Node.js számára

Paraméterezve

Belépünk az src könyvtárba, vagy ahol találhatók a .ts fájlok:

cd src
tsc app.ts

A SajatMath.ts automatikusan lefordul.

Használhatunk paramétert is, de az eredmény ugyanaz:

tsc --module commonjs app.ts

Beállítás állománnyal

tsconfig.json
{
    "compilerOptions": {
        "module": "commonjs"
    }
}

Futtatás Node.js rendszeren

node app
oktatas/web/typescript/typescript_modulok.txt · Utolsó módosítás: 2024/07/28 10:46 szerkesztette: admin