将一个打字稿文件导入另一个打印机文件

时间:2018-01-12 01:20:53

标签: javascript typescript browser

如何在浏览器应用中使用2 +打字稿文件?

test.ts:

export class Test
{    
}

main.ts

import { Test } from "test";

我知道浏览器本身无法处理导入语句。使用angular,它会将所有文件合并到一个在浏览器中工作的JavaScript文件中。

通过指定outfile,它将编译为一个JavaScript文件,但只能与AMD或系统模块一起使用,而后者在浏览器中不起作用(称系统或定义未定义)。

与Java,AS3,C ++,C#相比,使用多个文件似乎很难。我可以用传统的JS方式做到这一点并将所有东西放在一个巨大的文件中,但是我认为使用TypeScript可以为一个浏览器项目提供多个文件(并且可以使用Angular或Ionic来知道它们,建立在它之上)。

2 个答案:

答案 0 :(得分:3)

这不是编译器的工作,尤其是tsc中的outFile使用略有不同。你需要的是bundler,可以将每个单独模块的单个javascript文件加载到浏览器中。结帐捆绑包,例如webpackparcelrollup等,您可以获得它是如何工作的概念。

答案 1 :(得分:0)

对于问题是什么感到困惑,导入的代码看起来都是正确的,但“test”的路径名应该是“./test”,如果它在相同的文件夹结构中。

Angular肯定不会将所有文件合并到一个Javascript文件中,该文件在浏览器中工作,这将是您的构建工具,如果您运行角度种子,请确定其Webpack。