Create React App 项目构建指南

档指导您快速上手 Create React App 项目。

项目启动与调试

在项目根目录下执行 npm start 命令,即可在开发模式下启动应用程序。您的浏览器会自动打开 http://localhost:3000/ 地址以访问应用。

当您修改代码并保存后,页面会自动重新加载。控制台会同步显示代码检查过程中发现的错误信息。

执行 npm test 命令,可以启动交互式监视模式下的测试运行程序。

生产环境构建

执行 npm run build 命令,可以构建用于生产环境的应用程序代码。构建后的代码位于项目根目录下的 build 文件夹中。

构建过程会对 React 代码进行优化,并生成体积更小、性能更优的代码。同时,构建后的文件名包含哈希值,以便于版本管理。

依赖管理

请注意,npm run eject 命令是不可逆的。执行该命令后,您将无法恢复到 Create React App 提供的默认配置。

如果您对 Create React App 默认的构建工具和配置感到不满意,可以执行 npm run eject 命令移除默认配置。

该命令会将项目中所有的配置文件和依赖项(如 webpack、Babel 等)提取到项目根目录下,以便您进行自定义配置。

如果需要移除单个构建依赖项,请使用 npm uninstall 命令。

zip
chocolate-pizza-main.zip 预估大小:35个文件
folder
chocolate-pizza-main 文件夹
file
.gitignore 310B
file
README.md 3KB
folder
public 文件夹
file
list-bg.png 18KB
file
manifest.json 492B
file
robots.txt 67B
file
logo192.png 5KB
file
flic-icon.png 1KB
file
insta-icon.png 1KB
file
Logo.png 845B
file
print-icon.png 604B
file
twit-icon.png 1KB
file
logo512.png 9KB
file
pint1-icon.png 1KB
file
fb.png 682B
file
rss-icon.png 1KB
file
gp-icon.png 1KB
file
mail-icon.png 1KB
file
index.html 2KB
file
favicon.ico 4KB
file
package.json 818B
folder
src 文件夹
file
index.css 366B
file
App.test.js 246B
folder
recipe.js 文件夹
folder
ImageSection.js 文件夹
file
reportWebVitals.js 362B
folder
Footer.js 文件夹
file
App.css 564B
file
Header.js 510B
file
index.js 500B
folder
IngredientList.js 文件夹
file
setupTests.js 241B
file
SocialMedia.js 1KB
file
App.js 221B
file
logo.svg 3KB
file
package-lock.json 670KB
zip 文件大小:207.42KB