❤️ create-react-app 之中设立反向代办、投资项目拿去资源导入路径设立及 map 公文

2022年08月25日
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 公文 的介绍,我就给大家介绍到这里了,相信你对上述问题心中已经有了答案。

 

原创文章:https://yuntu2.com/a_11014926
参考资料:云兔app打包 https://yuntu2.com
 

 

推荐阅读

h5打包app app打包平台 网站打包app 免费app封装 描述文件封装app app 封装 在线封装app 分发app无广告 网页打包app 免费h5打包app网站 

 
  2022 © 云兔app打包 在线客服系统 友情支持  

信息框

确定
取消
确定