如何使用jQuery将TypeScript编译为JavaScript,而无需任何其他库或框架(NPM等)

时间:2018-03-27 11:23:55

标签: javascript jquery typescript tsc

我有一个非常简单的单页仪表板,可以执行诸如抓住天气,地铁警报等操作,然后在我的机器上进行本地刷新。看起来像是:

project/
  index.html
  jquery-3.3.1.min.js
  script.js

我想将其转换为TypeScript。我将script.js移植到TypeScript,但为了使用jQuery必须从here下载定义文件。我现在有:

project/
  index.html
  jquery.d.ts
  script.ts

我的TypeScript文件的前两行是:

/// <reference path ="./jquery.d.ts"/>
import * as $ from "jquery"

当我运行tsc *.ts时,它会成功编译我的脚本,但生成/编译的JavaScript文件的前四行是:

"use strict";
exports.__esModule = true;
/// <reference path ="./jquery.d.ts"/>
var $ = require("jquery");

这在我的浏览器中失败了:

exports.__esModule = true; // Can't find variable: exports

我是一个非常弱的前端开发人员,除了HTML / JS / jQuery之外,所以我不知道从哪里开始 - 我做了一些谷歌搜索,但没有多少提出来。

1 个答案:

答案 0 :(得分:1)

如果你的意思是......

如果定义了类型,则使用declare var $: JQuery

否则使用declare vas $: any

对于您的编辑器(f.e. VSCode)支持脚本var声明使用

的情况
{ 
 name: "$",
 type: JQuery (or any),
 ofReference: {
  scriptSrc: ["*jquery.js", "*jquery.min.js", "*code.jquery*"] 
 }
}