create-react-app 自定义配置文件

文章参考

1. create-react-app搭建react项目

暴露配置文件

1. 在工程中执行 npm run eject
2. 删除node_modules文件夹的内容
3. 重新安装依赖，执行npm install

修改端口号

关闭eslint

设置路径别名

1. 修改工程名/config/webpack.config.js文件

@components 代表的是 '工程名/src/components’目录
@pages 代表的是 '工程名/src/pages’目录

2. 重新执行’npm run start’命令，启动工程

静态资源配置

create-react-app public文件存放静态资源

将静态文件添加到 public 文件夹中

请求代理proxy

2.x以上的版本，package.json只能添加字符串

create-react-app proxy代理配置

 "proxy": "http://localhost:4000",

这样，当你在开发中使用 fetch(’/api/todos’) 时，开发服务器将识别出它不是静态资源，并将你的请求代理到http://localhost:4000/api/todos 作为后备。开发服务器将 仅仅 尝试将 Accept 头中没有 text/html 的请求发送到代理。