typescript - 了解 .tsconfig 文件

标签 typescript

作为初学者,尽管阅读了文档,但我仍无法理解某些术语的含义。

在我的 .tsconfig 文件中,我有

emitDecoratorMetadata

sourceMap

esModuleInterop -> 允许从没有默认导出的模块进行默认导入。这不会影响代码发出,只会影响类型检查。 有人可以使上述定义尽可能容易理解吗?这是否意味着我们只能导入而不能导出?

例如,答案之一中 emitDecoratorMetadata 的定义为

emit or not design-type metadata for decorated declarations in source

源代码中的修饰声明是什么意思?另外,如果有人能用更人性化的术语来解释 sourceMap,那就太有帮助了。

更新:@Antonis 写了一个令人惊叹的答案,但最后一部分看起来很模糊。我在这里创建了一个单独的帖子:

Understanding esModuleInterop in tsconfig file 我浏览过的资源:

  1. https://www.typescriptlang.org/docs/handbook/compiler-options.html
  2. https://basarat.gitbooks.io/typescript/docs/project/tsconfig.html
  3. what is the purpose of tsconfig.json?

最佳答案

emitDecoratorMetadata - 例如,在 Angular 中,我们得到了 @Injectable@Component@NgModule 装饰器。

这些装饰器使类能够发出携带所需信息的元数据,以便 Angular 理解此类需要的依赖类型并在其构造函数中使用,以及如何在运行时处理此类

检查这个答案here也是如此。

sourceMap - 源映射携带原始源代码的信息。当浏览器运行缩小的、模糊的和捆绑的代码时,我们需要这种 map 。这些 map 反射(reflect)了捆绑中的原始代码,以便我们稍后进行调试

esModuleInterop - 首先阅读 CommonJS 模块和 ESModules。其次,这几乎意味着,如果模块没有默认导出,您仍然可以从该模块默认导入某些内容

关于typescript - 了解 .tsconfig 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56214472/

相关文章:

angularjs - Angular 2 中的动态路由加载失败。 (测试版)

node.js - tsconfig 的路径参数和 ESLint

Javascript 日期 setMonth 未正确设置月份

javascript - textarea resize 在 IE 中不起作用,我想在 IE 中调整大小,它在 chrome 中工作

javascript - 点击 map 上的 angular2 openlayers 显示详细信息

typescript - 如何在 typescript 中按类名选择元素?

html - 如何将选定复选框的值作为数组发送到函数?

reactjs - react typescript : useRef to Link

javascript - 如何从 Web 组件 mixin 中删除事件监听器 --> 类型 'disconnectedCallback' 上不存在属性 'HTMLElement'

angular - Angular2 稳定版中的 md-input 绑定(bind)错误