This project was bootstrapped with Create React App.
- 页面头尾导航页面跳转；
- 职位列表展示；
- 职位搜索；
- 职位详情介绍；
- 弹窗应聘信息；
- 数据下拉加载；
- 数据请求本地文件；
- React构建页面；
- React-lazy优化懒加载；
- react-router-dom 页面相关路由跳转；
- webpack打包构建，项目开发编译代码优化；
- 图片资源优化；
- 项目分包构建；
- alias路径配置；
- 代码压缩和优化；
- postcss支持scss语法，autoprefixer等；
- axios请求拦截；
- rap相关mock数据接入/静态json引入；
- 根据不同的生产环境获取相关配置；
- 引入tailwind 优化css编写、摇树、减少css体积为什么要使用自我理解笔记；
Q: clean-webpack-plugin 3.0以上报错，TypeError: CleanWebpackPlugin is not a constructor； Error: clean-webpack-plugin only accepts an options object.
A:新版的引用方式已改成 const { CleanWebpackPlugin } = require('clean-webpack-plugin'); 使用：new CleanWebpackPlugin() 无需带文件夹名称，clean-webpack-plugin 預設的刪除目錄為 output.path 指定的目錄；
Q: react-route-dom 4.0以后
A:
- 嵌套的路由需要单独放置在嵌套的根component中去处理路由，否则会一直有warning:You should not use and in the same route
- 不允许在
Router外部使用Link；需要使用BrowserRouter或HashRouter对Link进行包裹；
Q：react-lazy 报错Uncaught Error: A React component suspended while rendering, but no fallback UI was specified.
A: React.lazy 需要配合 Suspense 组件一起使用，在 <Suspense fallback={
Q：tailwindcss Error: PostCSS plugin tailwindcss requires PostCSS 8.
A：安装postCSS 7 兼容性版本.
Q：项目中通过请求获取静态文件时，要注意。webpack里devServer的配置。很多cli已经做了处理，是在public里。如果是自己配置的webpack.config.js，可在以下配置里设置静态文件的目录：
A：devServer: { contentBase: path.join(__dirname, "public"), }
Q：github 开发提交，需要设置个人令牌。Support for password authentication was removed on August 13, 2021. Please use a personal access token instead
A：
- 按照步骤设置令牌Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations
- 设置对应的用户名：git config user.name XXXXXXX
- 设置对应的邮箱：git config user.email XXXXXXX
- 设置远程提交的url带上私人令牌： git remote set-url origin https://$(PATI)@github.com/yangmei123/react-recruit.git
Q： 若出现 LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443 错误
A：配置代理： git config --global --unset https.proxy
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify