查看Next.js默认配置信息的几种方法

next info

//  next.config.js
   module.exports = (phase, { defaultConfig }) => {
      console.log('Default Next.js config:', defaultConfig)
      return {
        // your custom config
      }
    }

    // config.ts
   import { getConfig } from 'next/config'
    export default function handler(req, res) {
      const nextConfig = getConfig()
      res.status(200).json(nextConfig)
    }

  //  page.tsx
  import { useRouter } from 'next/router'
    export default function Page() {
      // 在客户端查看运行时配置
      console.log(process.env.NEXT_PUBLIC_RUNTIME_CONFIG)
      return <div>...</div>
    }

// next.config.js
{
  env: {},
  webpack: null,
  webpackDevMiddleware: null,
  distDir: '.next',
  assetPrefix: '',
  configOrigin: 'default',
  useFileSystemPublicRoutes: true,
  generateBuildId: () => null,
  generateEtags: true,
  pageExtensions: ['tsx', 'ts', 'jsx', 'js'],
  target: 'server',
  poweredByHeader: true,
  compress: true,
  analyticsId: process.env.VERCEL_ANALYTICS_ID || '',
  images: {
    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
    path: '/_next/image',
    loader: 'default',
    domains: [],
    disableStaticImages: false,
    minimumCacheTTL: 60,
    formats: ['image/webp'],
  },
  devIndicators: {
    buildActivity: true,
    buildActivityPosition: 'bottom-right',
  },
  onDemandEntries: {
    maxInactiveAge: 15 * 1000,
    pagesBufferLength: 2,
  },
  amp: {
    canonicalBase: '',
  },
  basePath: '',
  sassOptions: {},
  trailingSlash: false,
  i18n: null,
  productionBrowserSourceMaps: false,
  optimizeFonts: true,
  webpack5: undefined,
  excludeDefaultMomentLocales: true,
  serverRuntimeConfig: {},
  publicRuntimeConfig: {},
  reactStrictMode: false,
  httpAgentOptions: {
    keepAlive: true,
  },
  outputFileTracing: true,
  staticPageGenerationTimeout: 60,
  swcMinify: true,
  output: 'standalone',
  experimental: {
    // 实验性功能配置
  }
}