zpldongxie / blog

个人博客

blog

个人博客

项目结构

├── docs                   # 构建后的文件,支持github部署
├── mock                   # 模拟数据
├── public                 # 全局静态资源
├── src
│    ├── assets            # 静态文件文件夹
│    ├── common            # 公共配置
│    ├── components        # 通用组件
│    ├── layouts           # 通用布局
│    ├── routes            # 路由
│    ├── services          # 后台接口服务
│    ├── utils             # 工具库
│    ├── views             # 页面内容
│    ├── App.css
│    ├── App.js            # 主组件
│    ├── App.test.js
│    ├── index.css
│    ├── index.js          # 应用入口
│    ├── router.js         # 主路由
│    ├── serviceWorker.js
│    └── setupProxy.js     # 反向代理插件配置
└── config-overrides.js    # 通过react-app-rewired实现覆盖默认配置

相关技术

该项目是通过Create React App引导的。

可用的脚本

在项目目录,您可以运行:

npm start

在开发模式下运行应用程序。
在浏览器中打开 http://localhost:3000 查看。

如果进行编辑，页面将重新加载。
并且可以在控制台查看lint错误。

npm test

在交互式监视模式下启动测试运行程序。
更多信息，请参考运行测试。

npm run build

将要部署到生产环境的应用程序生成到 “build” 文件夹。
它在生产模式下捆绑了React，并优化了构建以获得最佳性能。

更多信息，请参考部署。

npm run eject

注意：这是单向操作。 一旦您 eject，将无法返回！

如果您对构建工具和配置选择不满意， 您可以随时 eject 。 此命令将从项目中删除单个构建依赖项。

取而代之，将所有配置文件和传递依赖项（Webpack，Babel，ESLint等）直接复制到您的项目中，以便您完全控制它们。 除eject以外的所有命令仍然有效，但它们将指向复制的脚本，因此您可以对其进行调整。

并不是总是需要使用eject。 精选功能集适用于中小型部署，不必使用此功能。

学习更多

您可以在创建React App文档中了解更多信息。

要学习React，请查看React文档。

代码分割

本节已移至此处： https://facebook.github.io/create-react-app/docs/code-splitting

分析捆绑包大小

本节已移至此处： https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

制作渐进式Web应用程序

本节已移至此处： https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

进阶设定

本节已移至此处： https://facebook.github.io/create-react-app/docs/advanced-configuration

部署方式

本节已移至此处： https://facebook.github.io/create-react-app/docs/deployment

npm run build无法缩小

本节已移至此处： https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify