什么是＆＃34; npm run build＆＃34;在create-react-app中？

Question

我找不到关于＆＃34; npm run build＆＃34;的工作的任何解释，

它简单易用，我得到了＃34; build＆＃34;工作得很好的文件夹，

但是，在create-react-app中，场景背后会发生什么？

是否完全不同地使用构建工具？

如果没有，是否正在使用其他构建工具？

Answer 1

开发人员经常将JavaScript和CSS分解为单独的文件。通过单独的文件，您可以专注于编写更多模块化的代码块来完成一件事。做一件事的文件会降低你的认知负担，因为维护它们是一项相当麻烦的任务。

  

场景背后会发生什么？

当您的应用程序投入生产时，拥有多个JavaScript或CSS文件并不理想。当用户访问您的网站时，您的每个文件都需要额外的HTTP请求，从而使您的网站加载速度变慢。 因此，为了解决这个问题，您可以创建我们的应用程序的“build”，它将您的所有CSS文件合并到一个文件中，并对您的JavaScript执行相同操作。这样，您可以最小化用户获取的文件的数量和大小。要创建此“构建”，请使用“构建工具”。因此使用npm run build。

正如您正确地提到的，运行命令（npm run build）会为您创建一个build目录。现在假设你的app中有一堆CSS和JS文件：

css/
  mpp.css
  design.css
  visuals.css
  ...
js/
  service.js
  validator.js
  container.js
  ...

运行npm run build后，您的build目录将是：

build/
  static/
    css/
      main.css
    js/
      main.js

现在你的应用程序文件非常少。该应用仍然是相同的，但被压缩到一个名为build的小包。

最终裁决： 您可能想知道为什么构建甚至是值得的，如果它只是为您的用户节省几毫秒的加载时间。好吧，如果你是为自己或其他几个人创建一个网站，你不必为此烦恼。只有高流量网站（或者您希望很快会流量很大的网站）才能生成项目版本。

如果您只是在学习开发，或者只是制作流量非常低的网站，那么生成构建可能不值得花时间。