在浏览器里隐藏React源代码

Problem

现如今的浏览器，比如Chrome或者Edge，可以干很多事。一个人只要有心，其实他就可以查看你写的页面。 今天发现React默认情况下，那真的是给我把底裤露光光了。

这是默认的情况

Fix

修改方式也很简单，在build的时候，不要生成 source map即可。

1. 打开 package.json
2. 找到build script, 一般来说长这样：

  "scripts": {
    ...
    "build": "react-scripts build",
    ...
  },

3. 加入一个环境变量

  "scripts": {
    ...
    "build": "GENERATE_SOURCEMAP=false react-scripts build",
    ...
  },

当然你也可以手动在terminal里面加入这个环境变量，道理是一样的。

之后再打开就是一大坨模糊过的代码了，不能说完全防范吧，但是好了很多。