react脚手架开发uTools工具打包时去掉.map文件的解决方案

方法一：直接修改配置文件

1. 在node_modules文件夹中找到react-scripts包路径/node_modules/react-scripts/config/webpack.config.prod.js
2. 找到const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== ‘false’;将这一行代码注释
3. 在下面添加一行 const shouldUseSourceMap = false;
4. 重启终端，重新打包

// const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
const shouldUseSourceMap = false ;

方法二：修改生产环境的打包指令

1. 安装cross-env

yarn add cross-env

2. 修改打包指令

 "scripts": {
    "start": "react-app-rewired start",
    // 生产环境写下 cross-env GENERATE_SOURCEMAP=false
    "build": "cross-env GENERATE_SOURCEMAP=false react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject"
  },

方法三：添加.env文件修改变量（推荐）

1. 在根目录下创建 .env文件
2. 里面写入

GENERATE_SOURCEMAP = false

3. 执行yarn build