2017-04-18 4 views
2

Comment réutiliser les fonctions? Je veux les déclarer une fois puis les inclure dans d'autres fichiers.Importation de fonctions dans le pavé numérique

J'ai créé un module global, contenant certaines fonctions que je peux vouloir ajouter d'autres fichiers dactylographiées

J'ai essayé ce qui suit dans un autre fichier tapuscrit:

import test = require("./Global"); 
import * as testFunctions from "Global" 

Les deux lignes donnent des erreurs en disant le module ne peut être trouvé. Le module est définitivement visible pour le script car je référence ce module à d'autres endroits du fichier, en appelant ses fonctions, qui fonctionne (EXAMPLE: Global.stopSpinner()).

Je ne suis pas sûr de ce que je fais mal, car je suis des exemples suivants. Quelqu'un pourrait-il m'expliquer la bonne façon?

Répondre

4

Un exemple:

// global.ts 
export function abc() { 
} 

// main.ts 
import { abc } from "./global" 
abc(); 

Je suggère de lire the introduction to ES6 modules from Mozilla.

+0

Merci, je l'ai fonctionné maintenant. Il ne me fournit pas la fonctionnalité attendue cependant. Je pensais que la définition de la fonction serait incluse dans le javascript créé. (Il suffit donc d'inclure un fichier pour la page et pas aussi le fichier js qui contient la fonction référencée). – Kai

+2

@Kai Si vous utilisez des modules dans une application frontend, vous devez utiliser un bundler (Webpack) ou un chargeur (SystemJS). Webpack est la solution la plus simple. [Voici une documentation] (https://webpack.js.org/guides/webpack-and-typescript/). – Paleo