TypeScript - 使用 tsc

优质
小牛编辑
138浏览
2023-12-01

a.ts

b.ts

  1. export const B = (b) => console.log(b);

嗯。 这个模块标志的处理是什么? TypeScript有一个帮助菜单,让我们来看看:

  1. $ tsc --help | grep module
  2. -m KIND, --module KIND Specify module code generation: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
  3. --moduleResolution Specifies module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6).

(TypeScript比我们显示的更多帮助;为了简洁,我们通过grep过滤)。有两个引用“module”的帮助条目,—module是一个TypeScript所抱怨的。 该描述解释了TypeScript支持许多不同的模块方案。 目前,commonjs是可取的。 这将产生与node.js的模块系统兼容的模块。

  1. $ tsc ./a.ts ./b.ts

tsc应该不产生输出。 在许多命令行传统中,没有任何输出实际上是成功的标志。 列出目录内容将确认我们的TypeScript文件已经编译完成。

非常好 - 现在有两个JavaScript模块可供使用。
即使项目很小告诉tsc命令编译什么非常乏味和麻烦的。 幸运的是TypeScript有一个简化这个的方法。 tsconfig.json文件让程序员写下他们想要的所有编译器设置。 当运行时,它会查找tsconfig.json文件并使用它们的规则来编译JavaScript。
对于Angular 2项目,有一些特定的设置需要在项目的tsconfig.json中配置。

  1. {
  2. "module": "commonjs",
  3. "target": "es5",
  4. "emitDecoratorMetadata": true,
  5. "noImplicitAny": false,
  6. "removeComments": false,
  7. },
  8. "exclude": [
  9. "node_modules",
  10. "dist/"
  11. }