Next.js 13 devDependencies？答案

【问题标题】：Next.js 13 devDependencies?Next.js 13 devDependencies？
【发布时间】：2022-12-24 19:40:17
【问题描述】：

我记得在 Next.js 12 中，dependencies 和 devDependencies 仍然遵循 answer 的规则。但是现在，当我输入 pnpm create next-app 时，安装的所有依赖项（无论它们是仅用于开发还是同时用于开发和生产）都在 dependencies 中。

// Next 12

  "dependencies": {
    "next": "12.1.2",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  },
  "devDependencies": {
    "@types/node": "17.0.23",
    "@types/react": "17.0.43",
    "@types/react-dom": "17.0.14",
    "eslint": "8.12.0",
    "eslint-config-next": "12.1.2",
    "typescript": "4.6.3"
  }

// Next 13

  "dependencies": {
    "@types/node": "18.11.9",
    "@types/react": "18.0.25",
    "@types/react-dom": "18.0.8",
    "eslint": "8.27.0",
    "eslint-config-next": "13.0.2",
    "next": "13.0.2",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "typescript": "4.8.4"
  }

Next.js 13 是否为我进行了缩小？我是否应该手动将它们分开，违抗create-next-app 的建议？我在文档中找不到答案。

【问题讨论】：

看起来像一个错误，他们应该仍然遵循 Next.js 12 的格式。
我也很好奇这个。我最近在部署我的 NextJs 应用程序时遇到了问题。它一直在抱怨缺少 @types/react 和 tailwind，直到我将所有 dep 从开发依赖项移动到依赖项。
@AndyOh 这不对。生产过程中不需要 Tailwind。它使用的编译器在完成编译后会吐出 CSS。这永远不会在产品中实时发生。仅在开发期间构建。
同样的事情发生在我身上

标签： next.js dependencies bundling-and-minification

【解决方案1】：

这可能是一个错误

应该是这个

"dependencies": {
  "@next/font": "13.1.1",
  "next": "13.1.1",
  "react": "18.2.0",
  "react-dom": "18.2.0"
},
"devDependencies": {
  "@types/node": "18.11.17",
  "@types/react": "18.0.26",
  "@types/react-dom": "18.0.10",
  "eslint": "8.30.0",
  "eslint-config-next": "13.1.1",
  "typescript": "4.9.4"
}

请注意，截至目前 @next/font 也已自动安装

【讨论】：