如何配置在浏览器中运行打字稿输出?

时间:2019-05-31 07:01:34

标签: javascript typescript requirejs tsc

我有一个TypeScript项目,其中包含一些真正的TypeScript类,而不仅仅是函数。我每节课有1个文件。有些类依赖于其他类。我可以使用tsc将整个TypeScript编译为JavaScript。我还可以使用Node在本地运行JavaScript输出。运行正常。实际上,我开设了一个小型测试班。我不使用任何第三方库。

我希望浏览器可以运行生成的JavaScript。因此,我尝试将整个JavaScript输出包含在HTML网站中。 但是JavaScript不能在浏览器中运行。我只是尝试从生成的JavaScript类之一创建实例。我还将所需的require.js文件复制到了我的HTML项目中。

我的问题是:如何配置tscrequirejs,以使浏览器可以运行我生成的JavaScript?

我生成的tsc要求使用相对路径进行调用。不能在浏览器中使用它不是一个谜,但是我不知道哪种变体可以工作。我有点不高兴,因为我读了很多教程,尝试了很多组合,但我仍然不明智。许多教程都提到webpackgulpbaseUrl等内容,而没有显示在浏览器中运行的示例。

我的tsc配置是:

{
  "compilerOptions":
  {
    "module": "none",
    "target": "ES2018",
    "removeComments": true,
    "rootDir": "Source",
    "outDir": "Build"
  },

  "exclude": [
      "node_modules"
  ]
}

0 个答案:

没有答案