4、TypeScript 开发全攻略：从项目搭建到基础类型运用

TypeScript 开发全攻略：从项目搭建到基础类型运用

1. 项目搭建相关问题与解决方案

1.1 Typing ECMAScript Modules from URLs

问题

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

解决方案

1. 在 tsconfig.json 的编译器选项中，将 target 和 module 设置为 esnext ，并使用 .js 扩展名指向模块。
2. 通过 NPM 安装依赖的类型。
3. 使用 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"
      ]
    }
  }
}

讨论

现代浏览器支持直接加载模块，CDN（如