设置环境变量关闭react-scripts的sourceMap生成

关于GENERATE_SOURCEMAP的作用原理在这篇文章中介绍过。
create-react-app ：不产生source-map来缩减打包文件体积

可以通过创建.env环境变量文件影响react-scripts start/build等命令。其实还有另一种更灵活的方式设置环境变量,使用export可以对不同的命令设置不同的环境变量.

打开package.json，找到scripts配置项

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

添加export GENERATE_SOURCEMAP=true/false修改为以下配置

  "scripts": {
    "start": "export GENERATE_SOURCEMAP=true && react-scripts start",
    "build": "export GENERATE_SOURCEMAP=false && react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

这样，在运行start调试时，产生sourceMap方便调试；运行build命令时，关闭sourceMap减少产物文件大小。