如何在浏览器应用中使用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来知道它们,建立在它之上)。
答案 0 :(得分:3)
这不是编译器的工作,尤其是tsc中的outFile
使用略有不同。你需要的是bundler
,可以将每个单独模块的单个javascript文件加载到浏览器中。结帐捆绑包,例如webpack
,parcel
,rollup
等,您可以获得它是如何工作的概念。
答案 1 :(得分:0)
对于问题是什么感到困惑,导入的代码看起来都是正确的,但“test”的路径名应该是“./test”,如果它在相同的文件夹结构中。
Angular肯定不会将所有文件合并到一个Javascript文件中,该文件在浏览器中工作,这将是您的构建工具,如果您运行角度种子,请确定其Webpack。