❤️ create-react-app 之中设立反向代办、投资项目拿去资源导入路径设立及 map 公文
（1）porxy 布局一种代办
修订package.json公文
"proxy":";,
（2）proxy布局数十个代办
注意：若create-react-app 的版在低于 2.0 的时候可以在 package.json 降低 proxy 布局就可以， 布局变成如下
"name": "wangguan", "version": "0.1.0", "private": true, "proxy":{ "/api1": { "target": ";, "ws": true }, "/api2": { "target": ";, "ws": true } },
但是如果 create-react-app 的版在低于于 2.0 的时候， 以上布局就可以速报：存档衹积极支持string类别,不能积极支持object 即 ： "proxy" in package.json must be a string.
解决办法：
$ npm install http-proxy-middleware --save $ # or $ yarn add http-proxy-middleware
const proxy = require('http-proxy-middleware'); module.exports = function (app) { e(proxy('/api1', { target: '#39;, secure: false, changeOrigin: true, pathRewrite: { "^/api1": "/" }, })); e(proxy('/api2', { target: '#39;, secure: false, changeOrigin: true, pathRewrite: { "^/api2": "/" } })); };
亲测有效 ， 相关机构布局可见官方 ：
方式1：提到 antd 后才设立按须要导入后才，在拿去的时候可以合变成一些 .map 公文，所以须要要在 config-overrides.js 之中插进中间的编码
process.env.GENERATE_SOURCEMAP = "false";
即：
/* config-overrides.js */const { override, fixBabelImports, addLessLoader } = require("customize-cra");process.env.GENERATE_SOURCEMAP = "false"; module.exports = override( fixBabelImports("import", { libraryName: 'antd', libraryDirectory: "es", style: true, }), addLessLoader({ javascriptEnabled: true, modifyVars: { '@primary-color': '#1DA57A' }, }) );
方式2：在投资项目根产品目录，也就是src同价位产品目录扩建公文.env公文，并写进如下编码就可以
GENERATE_SOURCEMAP = false
然后才重新继续执行：yarn build 就可以
关于 create-react-app 之中设立反向代办、投资项目拿去资源导入路径设立及 map 公文 的介绍，我就给大家介绍到这里了，相信你对上述问题心中已经有了答案。