best way to import external javascript with typescript

Question

Currently I have 2 different ways in case I want to load in external code into my typescript file.

If i refer to another typescript file I have to write:

import object = require('./path/to/the/internal/module');

but if I am loading code from an existing js file, I have to do it like that:

/// <reference path="./types/angular/angular.d.ts" />
///<amd-dependency path="angular"/>
var angular:ng.IAngularStatic = require('angular');

is there no way to make these two things look the same? So that i can for instance do something like that:

/// <reference path="./types/angular/angular.d.ts" />
import angular = require('angular');

btw do you recommend me to load the external things like angular, jquery,... via requirejs or globally on its own script tag?

basarat · Accepted Answer · 2014-05-19 00:10:40Z

4

Just declare it as an external module

/// <reference path="./types/angular/angular.d.ts" />
declare module 'angular'{
    var angular:ng.IAngularStatic;
    export = angular;
}

// now you can do: 
import angular = require('angular');

answered May 19, 2014 at 0:10

basarat

278k60 gold badges475 silver badges528 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vojta Over a year ago

I did similar thing. You can see more detailed example here: stackoverflow.com/questions/18171045/…

Collectives™ on Stack Overflow

best way to import external javascript with typescript

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related