我可以从 create-react-app 中删除什么

React 是一个十分流行的前端框架，而 create-react-app 则是 React 生态中最为常用的脚手架工具。在 create-react-app 中，React 相关的配置和基础代码已经为我们做好了，但是我们并不需要所有的东西。所以在开发 React 项目时，我们可以根据需要删除一些无用的东西，以减少项目体积和提高开发效率。下面将介绍可以从 create-react-app 中删除哪些东西。

删除不需要的文件或文件夹

我们在创建 create-react-app 项目时，会自动生成一些无用的文件或文件夹，我们可以删除它们以达到减小项目体积的目的。这些文件和文件夹包括：

• /public/logo192.png 和 /public/logo512.png：这是项目的 logo 图片，如果你不需要的话可以删除。
• /public/manifest.json：这个文件是 PWA（渐进式 Web 应用程序）相关的，如果你不需要 PWA 的功能的话可以删除。
• /public/favicon.ico：这是网站的图标，如果你不需要的话可以删除。
• /src/reportWebVitals.js：这个文件是用于收集网站性能数据的，如果你不需要的话可以删除。
• /src/setupTests.js：这个文件是用于测试的，如果你不需要测试的话可以删除。

删除不需要的依赖

create-react-app 创建的项目会默认安装一些依赖，但是有些依赖可能并不适合我们的项目，我们可以根据需求删除不需要的依赖。这些依赖包括：

• @testing-library/jest-dom、@testing-library/react 和 @testing-library/user-event：这些依赖是用于测试的，如果你不需要测试的话可以删除。
• web-vitals：这个依赖是用于测量网站性能数据的，如果你不需要的话可以删除。
• @craco/craco 和 craco-less：这些依赖是用于自定义 create-react-app 应用程序的配置，如果你不需要的话可以删除。

删除不必要的代码

在 create-react-app 中，index.js 是我们应用程序的入口文件。在这个文件中，会自动生成一些无用的代码。比如：

• serviceWorker.unregister()：如果你不需要使用 PWA 的话可以删除。
• import './index.css'：如果你不需要导入全局样式的话可以删除。
• import reportWebVitals from './reportWebVitals'：如果你不需要收集性能数据的话可以删除。
• ReactDOM.render(<App />, document.getElementById('root'))：如果你不需要使用 React 的话可以删除这行代码。