Comment exiger jquery via AMD en caractères d'imprimerie

Comment puis-je exiger le jquery AMD module pour mon Tapuscrit module. Par exemple, disons structure de répertoire pour les scripts qui ressemble à ceci:

 
jquery-1.8.2.js 
jquery.d.ts 
le module.ts 
exiger.js

Je veux généré le fichier js de module.ts pour exiger jquery-1.8.2.js être chargé via require.js.

Actuellement, j'ai:

 
importer jquery = module('jquery')

Cette résultats dans Le nom de "jquery" n'existe pas dans le champ d'application actuel.

OriginalL'auteur Mizzle-Mo | 2012-10-06

requirejs typescript

26

POUR TAPUSCRIT DE 1,7+

Il ressemble standard est en train de changer à nouveau, où les ci-dessous de 0,9+ méthode fonctionne toujours, mais avec ES6 à venir, la suite du module de chargement peut être utilisé. (référence: https://github.com/TypeStrong/atom-typescript/issues/237#issuecomment-90372105)
```
import * as $ from "jquery";
```
et même partielles
```
import {extend} from "jquery"; 
```
(ce qui nécessite toujours le jquery.d.ts, si le dnt est installé - tsd install jquery)

pour installer dnt: npm install tsd -g

POUR TAPUSCRIT DE 0,9+
```
///<reference path="../../typings/jquery/jquery.d.ts" />
import $ = require('jquery');

//Do your stuff
```
Et aussi, si votre jquery.d.ts ne définissez pas de module externe, ajoutez ce qui suit à jquery.d.ts:
```
declare module "jquery" {
    export = $;
}
```
Si j'essaie, j'obtiens une erreur: Impossible de résoudre un module externe "jquery". et le Module ne peut pas être un alias pour un non-type de module.
On dirait que vous n'avez pas la déclarer le module "jquery" en jquery.d.ts.
Trouvé le problème, c'était quelque chose de complètement différent: ma bibliothèque jquery est appelé "jquery 1.9.1" facepalm
ne fonctionne plus.
Il fonctionne pour moi encore.

OriginalL'auteur Poul K. Sørensen
8

Je pense que beaucoup de confusion autour de ce est en raison de jQuery pas vraiment agir comme un Module Externe, qui inhibe l'utilisation d'un import déclaration. La solution est assez propre, simple et élégant, assez pour ne pas se sentir comme un travail autour de.

J'ai écrit un exemple simple de À l'aide de RequireJS et jQuery en caractères d'imprimerie, qui fonctionne comme suit...

Vous prenez-les définitions de type de Certainement Tapé pour RequireJS et jQuery.

Vous pouvez maintenant utiliser raw RequireJS avec le typage statique à l'intérieur de la Machine de fichier.

app.ts
```
///<reference path="require.d.ts" />
///<reference path="jquery.d.ts" />

require(['jquery'], function ($) {
    $(document).ready(() => {
        alert('Your code executes after jQuery has been loaded.');
    });
});
```
Et puis vous n'aurez qu'à ajouter l'unique balise de script sur votre page:
```
<script data-main="app" src="require.js"></script>
```
Avantages par rapport aux autres solutions?
1. Vous pouvez mettre à jour jQuery et RequireJS indépendamment
2. Vous n'avez pas à compter sur cale projet en cours de mise à jour
3. Vous n'avez pas à charger manuellement jQuery (ou n'importe quoi d'autre qui n'est pas "comme d'un module que vous avez un .d.ts fichier)
besoin de js est manquante sur le repo. Ne peut pas trouver.
C'est ici: github.com/DefinitelyTyped/DefinitelyTyped/blob/master/...

OriginalL'auteur Fenton

Prendre la base de jquery.d.ts de la TS source (TypeScriptFile)
Déplacer le () les déclarations de la JQueryStatic dans un module comme ceci:
dans votre code module d'importation de l'jQuery:

import $ = module("jquery");

declare module "jquery" {
   export function (selector: string, context?: any): JQuery;
   export function (element: Element): JQuery;
   export function (object: { }): JQuery;
   export function (elementArray: Element[]): JQuery;
   export function (object: JQuery): JQuery;
   export function (func: Function): JQuery;
   export function (): JQuery;
}

Compiler votre module que l'AMD (tsc --module amd my_code.ts)
Utilisation requirejs pour composer votre application sur le côté client, la configuration suivante: section

requirejs.config({
   paths: {
      'jquery': 'js/jquery-1.8.2.min'
   }
});

Au moins cela fonctionne. J'espère que nous pourrons mettre à jour le jquery.d.ts fichier dans github.com/Diullei/tsd de match.

OriginalL'auteur IgorM

1

De la première à obtenir l' (nécessitent-jquery) par le dépôt github. Après cela, votre répertoire sera:
```
require-jquery.js
jquery.d.ts
main.ts
main.js
test.html
```
Actuellement le moyen le plus facile de travailler avec JQuery et AMD modules sur le Tapuscrit est d'écrire ce qui suit sur la main.ts:
```
///<reference path="jquery.d.ts" />
declare var require;
require(["jquery"], function($:JQueryStatic) {
    $('body').append('<b>Hello JQuery AMD!</b>');
});
```
Et de l'appeler à partir de votre test.html:
```
<!DOCTYPE html>
<html>
    <head>
        <script data-main="main" src="require-jquery.js"></script>
    </head>
    <body>
        <h1>TypeScript JQuery AMD test</h1>
    </body>
</html>
```
Espérons que cette aide!

Ce n'est pas pour Principal.ts ou Main.js. J'ai besoin d'un module (module.ts) d'exiger et de charger jquery et ont encore le Module.ts être vu par la Machine comme un module séparé. Votre solution ressemble comme il aurait fait pour mon point d'entrée, mais j'ai besoin de besoin de jquery dans les modules qui ne sont pas le point d'entrée.
Vous pouvez appliquer la même logique pour le reste de l'jquery-besoin-de l'échantillon sur la page github: github.com/jrburke/require-jquery/tree/master/... il suffit de changer l'exiger de déclaration et vous êtes bon pour aller
Tapuscrit est censé être abel pour générer le besoin des états pour vous avec le module de déclarations. Je me sens sale le faire 🙂
En fait, dans certains usecases vous NE souhaitez inclure lors de l'exécution avec besoin de js, et je me demandais pour le mettre en place. cela a aidé. je vous remercie.

OriginalL'auteur Murat Sutunc
0

Vous de référence des modules externes, par le chemin d'accès et nom de fichier (sans le .js extension), ou tout simplement par nom de fichier si elles sont mondiales. Dans votre cas, vous devriez le faire à l'intérieur du module.ts:
```
import jquery = module('./jquery-1.8.2');
```
N'oubliez pas de compiler avec --module AMD puisque par défaut, vous obtiendrez un code qui utilise la commonjs require fonction.

Je ne pense pas que cela fonctionne, parce que jquery.d.ts n'est pas déclaré externe jquery module: declare module "jquery" {}. Il ne déclare des variables globales

OriginalL'auteur nxn

Vous devez vous connecter pour publier un commentaire.

POUR TAPUSCRIT DE 1,7+

POUR TAPUSCRIT DE 0,9+