NextJS默认将@types/node等包置于dependencies的原因及是否需迁移
2026-7-22
Next.js 默认将部分工具包放在 dependencies 而非 devDependencies 的原因及处理建议
你提到的这些默认放在dependencies里的包可以分成三类，各自的原因如下：
一、配置原因
1. TypeScript 类型包（@types/node、@types/react、@types/react-dom）
Next.js 的默认构建流程会在生产构建阶段执行类型检查（除非你手动关闭），这些类型包是构建环节完成类型校验的必要依赖，所以被默认放在dependencies中。虽然传统前端项目里类型包通常放在devDependencies，但Next.js的构建逻辑把它们归为构建必需项。
2. autoprefixer
这个是PostCSS的核心插件，用来给CSS自动添加浏览器兼容前缀，Next.js在生产环境编译CSS时必须调用它，属于生产构建的必要依赖，而非仅开发阶段使用的工具，因此放在dependencies是合理的。
3. ESLint 相关包（eslint、eslint-config-next）
Next.js 默认会在生产构建时自动运行ESLint代码检查，这些包是构建流程的一部分，所以默认被归入dependencies。
二、是否需要手动移到devDependencies？
- TypeScript 类型包：如果你的项目已经在开发阶段完成类型校验，并且在
next.config.js中配置了typescript: { ignoreBuildErrors: true }关闭构建时的类型检查，那么可以把这些包移到devDependencies，不会影响生产运行。如果保持默认构建配置，留在dependencies也没问题——类型文件不会被打包到最终生产代码里，不会增加包体积。 autoprefixer：不建议移动，生产构建CSS必须依赖它，移到devDependencies会导致生产构建失败。- ESLint 相关包：如果你在
next.config.js中设置eslint: { ignoreDuringBuilds: true }禁用构建时的ESLint检查，那么可以把它们移到devDependencies；如果保留构建时lint的默认行为，就继续留在dependencies里。
内容的提问来源于stack exchange，提问作者Jon
相关产品推荐
相关产品推荐
