4、TypeScript 项目配置与基础类型使用指南

TypeScript 项目配置与基础类型使用指南

1. 项目配置相关问题及解决方案

1.1 Typing ECMAScript Modules from URLs

问题描述

希望在不使用打包工具的情况下，利用浏览器的模块加载功能开发应用，同时保留所有类型信息。

解决方案

1. 在 tsconfig.json 的编译器选项中，将 target 和 module 设置为 esnext ，并使用 .js 扩展名指向模块。
2. 通过 NPM 为依赖安装类型，并使用 tsconfig.json 中的 paths 属性告诉 TypeScript 在哪里查找类型。

以下是具体的配置示例：

// tsconfig.json
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "paths": {
      "https://esm.sh/lodash@4.17.21": [
        "node_modules/@types/lodash/index.d.ts"
      ]
    }
  }
}

详细步骤