什么是在Create-Reaction-app中运行构建的NPM？ [英] What is "npm run build" in create-react-app?

问题描述

我找不到关于"NPM Run Build"工作的任何解释，

它简单易用，我得到了运行良好的"Build"文件夹

但是，在创建-反应-应用程序中，幕后到底发生了什么？

这是否与生成工具的用法完全不同？

如果没有，它是否正在使用其他生成工具？

css

开发人员经常将推荐答案和css分开放在单独的文件中。单独的文件让您可以专注于编写更多模块化的代码块，这些代码块只做一件事。只做一件事的文件会降低您的认知负荷，因为维护它们是一项相当繁琐的任务。

幕后到底发生了什么？

在将您的应用程序转移到生产环境时，拥有多个JavaScript或CSS文件并不理想。当用户访问您的站点时，您的每个文件都需要一个额外的HTTP请求，这会使您的站点加载速度变慢。 因此，要解决这个问题，您可以创建我们的应用程序的"内部版本"，它会将您所有的css文件合并到一个文件中，并对您的JavaScript执行相同的操作。这样，您可以最大限度地减少用户获得的文件数量和大小。要创建此"Build"，请使用"Build Tool"。因此使用npm run build。

正如您正确地提到的，运行命令(npm run build)会创建一个build目录。现在假设您的应用程序中有一组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的小程序包。

最终裁决： 您可能想知道，如果一个构建所做的一切只是为您的用户节省几毫秒的加载时间，那么为什么构建是值得的。嗯，如果你只是为你自己或其他一些人创建一个网站，你就不需要为此费心了。只有高流量站点(或您希望很快会高流量的站点)才需要生成项目版本。

如果您刚刚学习开发，或者只创建流量非常低的站点，则生成构建可能不值得您花费时间。

这篇关于什么是在Create-Reaction-app中运行构建的NPM？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！