React TypeScript生产构建如何忽略@types依赖？

你遇到的核心问题是：TypeScript构建时需要依赖类型声明文件，但生产环境安装依赖时跳过了devDependencies里的@types包，导致找不到模块的类型定义。以下是几种可行的解决方式：

方式一：跳过第三方库类型检查（快速解决） #

修改项目根目录的tsconfig.json，在compilerOptions中添加：

"skipLibCheck": true

这个配置会让TypeScript跳过对所有第三方库的类型校验，即使缺少@types包也不会触发声明文件缺失的报错，同时保留项目自身代码的类型检查。

如果上述配置还解决不了，可以临时关闭隐式any类型的检查（不推荐长期使用）：

"noImplicitAny": false

方式二：手动添加极简类型声明文件 #

在项目src目录下新建types/pako.d.ts文件，写入以下内容：

declare module 'pako' {
  // 若需要基础类型约束，可以补充具体定义，否则用any兜底
  export = any;
}

然后修改tsconfig.json的include字段，确保包含这个类型目录：

"include": ["src", "src/types"]

这样TypeScript会识别这个自定义声明，不会再报错。

方式三：优化构建流程（兼顾类型校验与生产依赖精简） #

调整部署脚本的执行顺序，先完整安装依赖完成构建，再切换到生产依赖：

1. 安装所有依赖（包括devDependencies）：npm install
2. 执行生产构建：npm run build
3. 替换为生产依赖：npm ci --production
   这种方式既保证构建过程中能用到@types包完成类型校验，又能在构建后只保留生产环境需要的依赖，不会增加部署体积。

内容的提问来源于stack exchange，提问作者sshakya