Problem

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

这是默认的情况

before

Fix

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

  1. 打开 package.json
  2. 找到build script, 一般来说长这样:
  "scripts": {
    ...
    "build": "react-scripts build",
    ...
  },
  1. 加入一个环境变量
  "scripts": {
    ...
    "build": "GENERATE_SOURCEMAP=false react-scripts build",
    ...
  },

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

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


after