CODEWITHSUNDEEP
javascripttypescript
user1647411
user1647411

Reputation:

Require in Typescript

Can someone explain how would this look in TypeScript. Can it be done via imports?

JS:

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

CoffeeScript:

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

Visual Studio error: Error 1 The name ''casper'' does not exist in the current scope

Upvotes: 6

Views: 12393

Answers (6)

brettjonesdev
brettjonesdev

Reputation: 2281

I wrote a fairly comprehensive post on using Require in TypeScript. My approach does NOT require you to use the ugly 

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

}

syntax. Instead, in TypeScript you get to use the convenient import x = module("x") syntax.

Upvotes: -1

Guy-Avraham.com
Guy-Avraham.com

Reputation: 131

casper is installed through npm on the global scope.

  1. typings install dt~casperjs --global --save
  2. declare var casper; (on your code)

A short casper with typescript how to can be seen here:

https://medium.com/@guyavraham/smoke-tests-casper-js-with-typescript-8b01b504f3a4

Upvotes: 0

Oleg Mihailik
Oleg Mihailik

Reputation: 2590

If that casper thing is something written in JavaScript, you need to declare a module for it too (or else it won't compile).

By convention, you put such declaration in a separate file named casper.d.ts:

declare module casper {
    export class SomeClassInCasper {
    }

    export function someFunctionInCasper();
}

And you would include a reference to that casper.d.ts at the top above your import/module:

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

import casper = import("casper");

Upvotes: 0

blorkfish
blorkfish

Reputation: 22824

I've put together a blog on using require.js with Typescript.
http://blorkfish.wordpress.com/2012/10/23/typescript-organizing-your-code-with-amd-modules-and-require-js/ You will be able to write code like this: 

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

Upvotes: 2

Fenton
Fenton

Reputation: 250812

If you use a module flag when you compile your TypeScript:

--module commonjs

Or

--module amd

It will convert imports into the appropriate module loading statement:

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

Upvotes: 1

Brian Terlson
Brian Terlson

Reputation: 9630

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

The point to note here I think is that TS today doesn't allow dotting off of module('something') so you have to break your statement into two.

Upvotes: 8

Related Questions