将AngularJS作为AMD导入Typescript

将AngularJS作为AMD导入Typescript,angularjs,typescript,amd,Angularjs,Typescript,Amd,我正试图遵循github上的步骤,为typescript和angularjs创建一个构建过程。老实说,我真的很挣扎。我从github获取了该项目,并将angularjs添加到bower文件、typings和带有angle.ts文件的lib目录中(以下是JQuery的设置方式): 我在网上看到了关于angular的导入类型的相互矛盾的信息,作为AMD不可能,但是明确键入的类型文件已经作为AMD导出了,那么给出了什么呢?gulp构建过程成功完成,但对angular.module的调用抱怨它不是chr

我正试图遵循github上的步骤,为typescript和angularjs创建一个构建过程。老实说,我真的很挣扎。我从github获取了该项目,并将angularjs添加到bower文件、typings和带有angle.ts文件的lib目录中(以下是JQuery的设置方式):

我在网上看到了关于angular的导入类型的相互矛盾的信息,作为AMD不可能,但是明确键入的类型文件已经作为AMD导出了,那么给出了什么呢?gulp构建过程成功完成,但对angular.module的调用抱怨它不是chrome控制台中的函数。有没有一个技巧可以将角度转换为typescript,这样我就可以为我的html连接一个输出文件?我曾尝试过AMD的requirejs,commonjs的tsify/browserify,但我都无法使用。提前感谢您的指导。

您需要:

安装依赖项的类型定义:

tsd install angular jquery --save
/// <reference path="./jquery/jquery.d.ts"/>
/// <reference path="./angular/angular.d.ts"/>
使用npm安装依赖项:

npm init
npm install angular jquery --save
这意味着您的依赖项将不在
lib
文件夹下。它们将位于
节点\u模块
文件夹下

您的
/typings/tsd.d.ts
文件需要包含对所有依赖项的引用:

tsd install angular jquery --save
/// <reference path="./jquery/jquery.d.ts"/>
/// <reference path="./angular/angular.d.ts"/>
由于TypeScript 1.5,您应该使用

更新 自2.0版以来,推荐的解决方案为npm:

$ npm install jquery --save
$ npm install @types/jquery --save-dev

打字和tsd不再是必需的。

出于价值考虑,我采用了这种方法,typescript不会编译,抱怨模块jquery没有导出的成员$,模块angular没有导出的成员angular(错误TS2305),尝试使用旧语法导入
import$=require(“jquery”)
导入$=require(“角度”)和导出<代码>导出=A
许多
.d.ts
文件还没有准备好使用ES6语法,也许这就是问题所在,尽管我提醒您注意,有没有一种好方法可以让angularjs和所有自定义代码成为同一javascript输出文件的一部分?amd(require)或commonjs(browserify)的模块加载程序对我来说似乎表现不好。我今天让browserify工作,但是TS的源地图坏了,这是一个又一个问题。通过npm安装
@types/angular
,然后使用
import*作为“angular”的angular
$ npm install jquery --save
$ npm install @types/jquery --save-dev