用Typescript导入外部javascript的最佳方法 [英] best way to import external javascript with typescript

问题描述

目前，我有两种方法可以将外部代码加载到我的打字稿文件中.

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');

但是如果我要从现有的js文件加载代码，则必须这样做:

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，您是否建议我通过requirejs或全局地在其自己的脚本标签上加载angular，jquery，...等外部内容?

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

推荐答案

只需将其声明为外部模块

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');

这篇关于用Typescript导入外部javascript的最佳方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！