【问题标题】:Setting up development environment搭建开发环境
【发布时间】:2022-01-13 00:51:49
【问题描述】:

我是一名刚毕业的 CS 毕业生,为一家初创公司工作。我的任务是为他们购买的一些软件添加新功能。我已经从 AWS 下载了该软件并开始尝试开始使用,但是我在使用 React 构建并由 Webpack 捆绑的前端时遇到了问题。

下载给我留下了一个旧版本的前端和新版本的缩小文件。我能够使用他们的源映射来解压缩它们并获取未捆绑的文件,但现在我不知道如何重建它。

旧版本设置为通过 npm 安装和缩小其依赖项。我想在新版本中设置类似的东西。我已经能够将其所有依赖项添加到 package.json 文件中,但我一直遇到错误,主要是由于版本控制冲突。在这种情况下我该怎么办?我是不是走错了路?

【问题讨论】:

  • 他们没有给你包含 package.json 的实际源代码吗?如果没有实际的错误描述,这感觉有点宽泛。
  • 源代码只包含前端的捆绑版本,所以我不得不使用一个使用源映射的工具来解绑它。这给我留下了文件和 node_modules 文件夹,但没有任何 package.json。
  • 我认为这个问题对于 SO 来说有点宽泛,因为它没有提出具体的问题,但有一个可解决的答案。您应该举例说明“版本控制冲突”会导致什么样的错误,我们可以重现这种错误。另外,还有一点建议:与您的雇主讨论这些事情。给你工作的人应该能够解决你遇到的问题。我记得我是新手,害怕看起来毫无头绪。练习与你上面的人进行开放式沟通。你真的不应该解绑代码。
  • 感谢您的回复,并对问题的广泛性感到抱歉,我只是想从更有经验的程序员那里获得意见。我肯定对看起来一无所知感到紧张,但我想我必须克服这一点,因为我对此完全一无所知。我将停止尝试从生产构建中对开发环境进行逆向工程,而是尝试与原始开发人员取得联系。

标签: reactjs npm webpack development-environment


【解决方案1】:

软件可能是一个模糊的术语来描述你手中的东西。

从您的措辞看来,您拥有旧版本的源代码,但您拥有某个较新版本的生产构建 (bundle.js, main.chunk.js, etc)没有(或可能拥有)源代码。

React 本身非常复杂,它可能是使用 Create React App 构建的,处理捆绑和弹出的文件可能更糟糕,并且在没有源代码的情况下添加新功能对于 CS 毕业生在初创公司来说是一场噩梦。这甚至可能是非法

【讨论】:

  • 感谢您的回复。是的,它是一个 Create React 应用程序。我工作的地方确实拥有源代码,我能够使用源映射导出源代码,但在那之后,我对如何重建它并再次为生产做好准备感到困惑。
  • 他们的源代码是否在某个存储库(即 github、gitlab、某个目录)中?它还应该包含一个 package.json 文件。这不是您从网络(在您的情况下为 AWS)在浏览器上下载的版本。
  • 我可以在他们的 git 提交中看到他们使用了 Github 存储库。我可能应该尝试与原始开发人员联系,以了解获取源代码。