如何使用未压缩函数名分析Next.js应用性能？

概述 #

我正在对网站进行性能分析，为了更轻松读取性能追踪信息，希望使用未压缩的应用代码和Next.js框架代码。

✅ 已通过设置config.webpack.optimization.minimize = false，成功禁用应用代码的压缩。

❌ 禁用框架代码的压缩遇到了困难，我已执行以下操作：

• 克隆Next.js仓库
• 按照开发文档在本地运行Next.js
• 切换到网站使用的v12.3.4版本
• 执行pnpm dev
• 按照本地Next.js使用文档配置项目

预期与实际结果 #

• 预期结果：显示未压缩的函数名
• 实际结果：网站可正常运行，但框架代码仍处于压缩状态，在dist/apps/journey/app/.next/static/chunks/framework-0e49fded8df17ef1.js文件中仍能看到被压缩的函数名

我注意到Next.js仓库中的代码并未被压缩，因此推测压缩操作是在我的应用端执行的——尽管我已禁用了压缩功能。希望得到帮助实现以下任一目标：

• 在不压缩代码的情况下链接Next.js（至少保留函数/变量名）
• 显示Next/React内部的源映射

理想情况是不压缩Next/React代码以方便调试，源映射方案也可接受。

附加信息 #

Next.js版本：12.3.4

❯ pnpm next info

    Operating System:
      Platform: linux
      Arch: x64
      Version: #44~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Mon May 22 13:39:36 UTC 2
    Binaries:
      Node: 16.10.0
      npm: 7.24.0
      Yarn: 1.22.19
      pnpm: 7.25.0
    Relevant packages:
      next: 12.3.4
      eslint-config-next: 12.1.5
      react: 17.0.2
      react-dom: 17.0.2

warn  - Latest canary version not detected, detected: "12.3.4", newest: "13.5.7-canary.17".
        Please try the latest canary version (`npm install next@canary`) to confirm the issue still exists before creating a new issue.
        Read more - https://nextjs.org/docs/messages/opening-an-issue

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