javascript - Typescript で要求する

Question

誰かがこれが TypeScript でどのように見えるか説明できますか? インポートを介して行うことはできますか？

JS:

var casper = require('casper').create({})

コーヒースクリプト:

casper = require("casper").create()

Visual Studio エラー:エラー 1 名前 ''casper'' は現在のスコープに存在しません

score 8 · Accepted Answer

import something = module('something');
var somevar = something.create({});

ここで注意すべき点は、今日のTSではモジュール（「何か」）のドットオフが許可されていないため、ステートメントを2つに分割する必要があるということです。

score 2 · Accepted Answer

Typescriptでrequire.jsを使用することについてのブログをまとめました。
http://blorkfish.wordpress.com/2012/10/23/typescript-organizing-your-code-with-amd-modules-and-require-js/ 次のようなコードを記述できます。

require["casper", (casper) => {
    var item = casper.create();
};

score 1 · Accepted Answer

TypeScriptをコンパイルするときにモジュールフラグを使用する場合：

--module commonjs

または

--module amd

インポートを適切なモジュールロードステートメントに変換します。

import something = module('something');
var somevar = something.create();

score 0 · Accepted Answer

その casper が JavaScript で書かれたものである場合は、そのためのモジュールも宣言する必要があります (そうしないとコンパイルされません)。

慣例により、そのような宣言は casper.d.ts という名前の別のファイルに入れます。

declare module casper {
    export class SomeClassInCasper {
    }

    export function someFunctionInCasper();
}

そして、インポート/モジュールの上の上部にその casper.d.ts への参照を含めます。

/// <reference path="casper.d.js" />

import casper = import("casper");

score -1 · Accepted Answer

TypeScript での Require の使用に関するかなり包括的な記事を書きました。私のアプローチでは、醜いものを使用する必要はありません

require(['dependency'], function() {

}

構文。代わりに、TypeScript では便利なimport x = module("x")構文を使用できます。

6 に答える 6