版本信息:当前使用
React
版本16.13.1
。
一、获取配置
通常情况下,使用npx create-react-app new-project
创建的新项目中的配置文件时隐藏的。
要想获取项目的配置文件并修改,需要使用npm run eject
命令。
⚠️ 需要注意的是该命令执行时可能会出错,那是因为原文件内容已经被修改,想要解决错误需要清除文件的git
修改状态。可以git add .
-> git commit -m "commit"
-> npm run eject
,如果关联到git
的话可以直接提交后再执行。
二、配置文件目录结构
红圈内就是获取的项目配置。下面是结构
.根目录
├── config
│ ├── jest 单元测试的配置
│ │ ├── cssTransform.js
│ │ └── fileTransform.js
│ ├── env.js 开发环境配置方法库
│ ├── getHttpsConfig.js 获取https证书配置方法库
│ ├── modules.js 获取模块配置方法库
│ ├── paths.js 开发环境/打包路径配置文件
│ ├── pnpTs.js TypeScript模块映射表(?)
│ ├── webpack.config.js 打包配置文件
│ └── webpackDevServer.config.js 开发环境dev server配置文件
├── scripts
│ ├── build.js 打包时执行
│ ├── start.js 开发时执行
│ └── test.js 测试时执行
└── ...
标签
部署
TFS
WebStorm
GitHub
GitLab
Git
VS Code
HomeBrew
Nginx
Node.js
CentOS
全局变量
Yarn
Windows
terminal
macOS
Ubuntu
Linux
WSL
Bootstrap
Echarts
ArcGIS
GIS
状态码
浏览器
小程序
npm
Webpack
antd
Router
React
Vue
window
ResizeObserver
Web APIs
技巧
盒子模型
Selector
标签
HTML进阶
CSS
Html
Array
export
ES6
ESM
CommonJS
require
import
Object
进阶
JavaScript