Екатерина Asked:2022-08-25 00:16:27 +0000 UTC2022-08-25 00:16:27 +0000 UTC 2022-08-25 00:16:27 +0000 UTC 创建 webpack 的最佳方式是什么，手动创建它的优势是什么？ 772 我总是使用 create-react-app 命令创建一个 webpack。我也知道可以一步一步手动创建，问题是，手动创建有什么意义呢？我听说 create-react-app 添加了不必要的依赖项。 reactjs 1 个回答 Voted Best Answer Randall 2022-08-28T01:11:26Z2022-08-28T01:11:26Z CRA 的好处 使用一个命令启动项目 npx create-react-app my-app 你可以对 webpack、babel 和其他构建依赖项等工具了解得更少，而专注于 React。 仅支持一个依赖项react-scripts。是他维护您所有的构建依赖项。只需一个命令即可轻松维护和更新。 npm install react-scripts@latest CRA的缺点 很难添加自定义构建配置。添加自定义配置的一种方法是通过命令签出应用程序eject，在这种情况下，我们失去了“只有一个依赖项”的好处。或者，您可以使用像 customize-cra或react-app-rewired这样的包，但它们是有限的。 绝对抽象一切。了解运行 React 应用程序需要什么很重要。但是由于“只有一个依赖项”的优势，React 新手可能会认为这react-scripts是运行 React 应用程序所需的唯一依赖项，并且可能不知道 babel、webpack 是在 React 应用程序的底层使用的关键依赖项。 CRA 附带了一些您可能永远不需要的 npm 包。例如，SASS 支持。如果您使用的是纯 CSS 或 LESS，那么这是您永远不会使用的附加依赖项。 使用 webpack 构建的好处 完全控制您的环境。 可以轻松地进行自定义，例如微前端的模块联合。CRA 还没有添加这样的机会，PR还在挂起 :) 知道如何配置 webpack 是一项经常需要的好技能。 Webpack 构建的缺点 您将全权负责更新和维护 webpack（某些版本的 webpack 及其某些插件不向后兼容或与未来版本不兼容）。 配置可能令人生畏和令人头疼，尤其是当您尝试学习如何编写 React 时。 根据经验，我会说以下几点：如果我需要测试一些东西，纯粹为了我自己而我没有足够的沙盒能力，那么我总是选择 CRA。如果需要编写一些会扩展的严肃内容，那么我选择 webpack 配置。
CRA 的好处
使用一个命令启动项目
npx create-react-app my-app你可以对 webpack、babel 和其他构建依赖项等工具了解得更少，而专注于 React。
仅支持一个依赖项
react-scripts。是他维护您所有的构建依赖项。只需一个命令即可轻松维护和更新。npm install react-scripts@latestCRA的缺点
eject，在这种情况下，我们失去了“只有一个依赖项”的好处。或者，您可以使用像 customize-cra或react-app-rewired这样的包，但它们是有限的。react-scripts是运行 React 应用程序所需的唯一依赖项，并且可能不知道 babel、webpack 是在 React 应用程序的底层使用的关键依赖项。使用 webpack 构建的好处
Webpack 构建的缺点
根据经验，我会说以下几点：如果我需要测试一些东西，纯粹为了我自己而我没有足够的沙盒能力，那么我总是选择 CRA。如果需要编写一些会扩展的严肃内容，那么我选择 webpack 配置。