关于webpack-dev-server 跨域代理的疑问？

Question

vue-cli中使用的http-proxy-middleware 中间件进行跨域代理

create-react-app 脚手架使用的是 webpack-dev-server 进行跨域代理

webpack-dev-server内部使用的是 http-proxy-middleware 进行跨域代理？
http-proxy-middleware内部用的http-proxy ？
========那么问题来了===========

webpack-dev-server ，http-proxy-middleware ，http-proxy 三者的关系是怎么样的？

================
那么在create-react-app 脚手架中进行跨域设置的 两种方式是怎么样的呢？

1.在 create-react-app生成的项目中哪里进行配置跨域呢？（如何配置）
2.看到另外一种方式是 在package.json中 配置proxy 字段 进行跨域

那么问题来了： package.json 在npm官网看到 里面的字段是固定的（例如：name,script,devDependencies ...）,难道可以自定义字段，（proxy ），既然可以，webpack-dev-server  是如何读取package.json 里面的proxy 字段的

================ 跪求详细解惑 ，谢谢 ==============

Answer 1

webpack-dev-server ，http-proxy-middleware ，http-proxy 三者的关系是怎么样的？

前者依赖后者的关系。

1.在 create-react-app生成的项目中哪里进行配置跨域呢？（如何配置）

https://facebook.github.io/cr...

2.看到另外一种方式是 在package.json中 配置proxy 字段 进行跨域

package.json 本质上就是一个 json 文件罢了，里面只要是符合 json 规范的内容都是可以的，并不局限于 npm 的那些字段。nodejs 中可以通过 fs 加 JSON.parse 或者直接导入的方式来解析这些信息。