React中使用create-react-app创建项目,运行npm run eject建立灰度报错

时间:2023-03-09 19:27:55
React中使用create-react-app创建项目,运行npm run eject建立灰度报错

我在运行npm run eject建立测试环境和正式环境时候报错

  React中使用create-react-app创建项目,运行npm run eject建立灰度报错

   这里的问题是是脚手架添加.gitgnore文件,但是却没有本地仓库,按照以下顺序就可以正常使用

  如果你没有本地把git 添加进去,需要先git init 初始化

git add .

git commit -m "init"

npm run eject

  执行完上述命令之后,项目中会多出一个 config 的文件夹和script文件夹

  React中使用create-react-app创建项目,运行npm run eject建立灰度报错

  在script文件夹里面的build.js中构建正式的环境

  复制一份build.js命名为grey.js,这是测试环境,并且把node全局process对象process.env.NODE_ENV= 'production' 修改为 process.env.NODE_ENV= 'development'

  在package.json文件中配置打包命令

  React中使用create-react-app创建项目,运行npm run eject建立灰度报错

  

  api代理

    安装   npm install http-proxy-middleware --save

      最后在使用代理的时候为了可以代理多个api,所以我们就写个js封装下

   在src/创建setuoProxy.js中

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
app.use(
proxy("/api", {
target: process.env.NODE_ENV === 'production'?'正式地址':'测试地址',
changeOrigin: true
})
);
};

   最后在scripts文件夹下的start.js中注入

React中使用create-react-app创建项目,运行npm run eject建立灰度报错

   打包后就可以使用了

  打包的命令:

    正式地址: npm run build

    测试地址: npm run grey