作者:迷失港湾的豪 | 来源:互联网 | 2023-02-13 18:17
我正在使用带有AMD和require.js的Typescript,但我无法使用typescript编译器输出将在加载模块后执行的代码.
这是main.ts
:
import { foo } from './bar';
foo('world');
这是bar.ts
:
export function foo(name: string) {
alert('Hello ' + name);
}
我使用以下tsconfig.json
文件编译它:
{
"compilerOptions": {
"alwaysStrict": true,
"module": "amd",
"outFile": "client.js",
"target": "es5"
},
"files": [
"main.ts"
]
}
并将其包含在我的HTML中,如下所示:
但是,生成的Javascript代码如下所示:
define("bar", ["require", "exports"], function (require, exports) {
"use strict";
function foo(name) {
alert('Hello ' + name);
}
exports.foo = foo;
});
define("main", ["require", "exports", "bar"], function (require, exports, bar) {
"use strict";
bar.foo('world');
});
一切都很好,除了我想main
直接在模块中执行代码的事实.所以最后的定义应该是
define(["require", "exports", "bar"], ...
代替
define("main", ["require", "exports", "bar"], ...
目前,我需要用Javascript编写的第三个脚本来加载main
模块,我认为将main
模块作为可重用代码是不好的风格.
如何将typescript编译器main.ts
作为可执行定义而不是模块定义输出?