26、TypeScript 类型声明与依赖管理全解析

TypeScript 类型声明与依赖管理全解析

1. 区分 package.json 中的依赖类型

在项目开发中， package.json 文件是管理项目依赖的核心。其中，依赖分为 dependencies 和 devDependencies 两类。

例如，一个典型的 package.json 文件可能如下：

{
  "devDependencies": {
    "@types/react": "^18.2.23",
    "typescript": "^5.2.2"
  },
  "dependencies": {
    "react": "^18.2.0"
  }
}

这里的思路是，我们应该发布 JavaScript 代码，而不是 TypeScript 代码，并且在运行 JavaScript 代码时，它并不依赖于 @types 。

对于构建 Web 应用的情况，即使不打算将其作为库发布到 npm，将 @types 放在 devDependencies 中也有好处：
- 减小生产镜像体积 ：如果应用有服务器组件，可以运行 npm install --production 只安装生产依赖。假设已经将 TypeScript 编译为 JavaScr