我有一个TypeScript项目,其中包含一些真正的TypeScript类,而不仅仅是函数。我每节课有1个文件。有些类依赖于其他类。我可以使用tsc
将整个TypeScript编译为JavaScript。我还可以使用Node在本地运行JavaScript输出。运行正常。实际上,我开设了一个小型测试班。我不使用任何第三方库。
我希望浏览器可以运行生成的JavaScript。因此,我尝试将整个JavaScript输出包含在HTML网站中。 但是JavaScript不能在浏览器中运行。我只是尝试从生成的JavaScript类之一创建实例。我还将所需的require.js文件复制到了我的HTML项目中。
我的问题是:如何配置tsc
和requirejs
,以使浏览器可以运行我生成的JavaScript?
我生成的tsc
要求使用相对路径进行调用。不能在浏览器中使用它不是一个谜,但是我不知道哪种变体可以工作。我有点不高兴,因为我读了很多教程,尝试了很多组合,但我仍然不明智。许多教程都提到webpack
,gulp
,baseUrl
等内容,而没有显示在浏览器中运行的示例。
我的tsc
配置是:
{
"compilerOptions":
{
"module": "none",
"target": "ES2018",
"removeComments": true,
"rootDir": "Source",
"outDir": "Build"
},
"exclude": [
"node_modules"
]
}