pageExtensions

你可以扩展 Next.js 使用的默认页面扩展名（.tsx, .ts, .jsx, .js）。在 next.config.js 中，添加 pageExtensions 配置：

module.exports = {
  pageExtensions: ["mdx", "md", "jsx", "js", "tsx", "ts"],
};

更改这些值会影响 所有 Next.js 页面，包括以下内容：

• middleware.js
• instrumentation.js
• pages/_document.js
• pages/_app.js
• pages/api/

例如，如果你将 .ts 页面扩展名重新配置为 .page.ts，则需要重命名页面，如 middleware.page.ts, instrumentation.page.ts, _app.page.ts。

在 pages 目录中包含非页面文件

你可以在 pages 目录中集中放置测试文件或其他由组件使用的文件。在 next.config.js 中，添加 pageExtensions 配置：

module.exports = {
  pageExtensions: ["page.tsx", "page.ts", "page.jsx", "page.js"],
};

然后，将你的页面重命名为包含 .page 的文件扩展名（例如，将 MyPage.tsx 重命名为 MyPage.page.tsx）。确保重命名 所有 Next.js 页面，包括上述文件。