先说下下载的问题。
TypeScript直接引入JavaScript可能会因为没有声明文件而报错,我们可以去DefinitelyTyped下载(最受欢迎的声明文件存储库)。使用方法:
npm install --save-dev @types/jquery
如果DefinitelyTyped不存在这个库的声明文件,你只能自己写声明文件.d.ts。
再说引入问题。
模块使用模块加载器去导入其它的模块。 在运行时,模块加载器的作用是在执行此模块代码前去查找并执行这个模块的所有依赖。 大家最熟知的JavaScript模块加载器是服务于Node.js的 CommonJS和服务于Web应用的Require.js。TS使用不是这两种,它使用的是ECMAScript 2015 native modules (ES6)模块,所以导入其他不同标准的库有所不同。
一般情况下,Commonjs和AMD导出的文件,ts使用import { … } from ‘…’;这种格式就能导入,下面介绍其他的几种方法。
JQuery
JQuery.d.ts导出
这其实是ts默认导出的语法
declare let $: JQuery;
export default $;
导入(TS)
import $ from "JQuery";
$("button.continue").html( "Next Step..." );

本文介绍了如何在TypeScript中导入不同类型的JavaScript库,包括JQuery、CommonJS、AMD和UMD模块。当缺少声明文件时,需要从DefinitelyTyped获取或自定义.d.ts文件。TypeScript主要使用ES6模块语法,但对于其他格式的库,导入方式有所不同,如使用`import { ... } from '...';`处理CommonJS和AMD的默认导出。
最低0.47元/天 解锁文章
3417

被折叠的 条评论
为什么被折叠?



