TypeScript - 使用 tsc
优质
小牛编辑
142浏览
2023-12-01
a.ts
b.ts
export const B = (b) => console.log(b);
嗯。 这个模块标志的处理是什么? TypeScript有一个帮助菜单,让我们来看看:
$ tsc --help | grep module
-m KIND, --module KIND Specify module code generation: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
--moduleResolution Specifies module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6).
(TypeScript比我们显示的更多帮助;为了简洁,我们通过grep过滤)。有两个引用“module”的帮助条目,—module是一个TypeScript所抱怨的。 该描述解释了TypeScript支持许多不同的模块方案。 目前,commonjs是可取的。 这将产生与node.js的模块系统兼容的模块。
$ tsc ./a.ts ./b.ts
tsc应该不产生输出。 在许多命令行传统中,没有任何输出实际上是成功的标志。 列出目录内容将确认我们的TypeScript文件已经编译完成。
非常好 - 现在有两个JavaScript模块可供使用。
即使项目很小告诉tsc
命令编译什么非常乏味和麻烦的。 幸运的是TypeScript有一个简化这个的方法。 tsconfig.json
文件让程序员写下他们想要的所有编译器设置。 当运行时,它会查找tsconfig.json
文件并使用它们的规则来编译JavaScript。
对于Angular 2项目,有一些特定的设置需要在项目的tsconfig.json
中配置。
{
"module": "commonjs",
"target": "es5",
"emitDecoratorMetadata": true,
"noImplicitAny": false,
"removeComments": false,
},
"exclude": [
"node_modules",
"dist/"
}