javascript - 我怎样才能使 react-create-app 缩小我的代码？

Question

我需要在服务器上压缩我的代码。它告诉我 npm run build 做了所有缩小的事情 但在我的服务器上(当然我不是通过 localhost 访问它的)它显示了所有代码。我在 Maven 的 pom.xml 中执行 npm run build。我的包 json 包含 react-scripts 的实际版本。

所有代码都由 nginx 提供。

好的，我看过了 When does create-react-app obfuscate or minify code?还有这个GENERATE_SOURCEMAP=false Issue并阅读此 https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-howgenerate它告诉我 开发人员工具(当前是 WebKit 每晚构建、Google Chrome 或 Firefox 23+)可以自动解析源映射并使其看起来好像您正在运行未缩小和未组合的文件。 所以它告诉我源映射是我按原样查看代码的原因。

还有一个没有 devTools 的 Firefox 浏览器，我在其中关闭了源映射

还有……它按原样向我显示代码!

为什么尽管“npm run build makes build as minified”它仍然向我显示代码？请告诉我哪里不好，我该如何解决？顺便说一句，到处都写着 *.env 应该在根目录中。整个项目的根目录还是只有前端文件夹？

Answer 1

嗯，

1. 我们如何检查是否看到代码，代码是否最小化？

我们应该继续在服务器上，在源代码中键入 js 之类的文件扩展名。如果他们显而易见 - 最小化(混淆和丑化)不起作用(这是我的情况)

1. 我们需要删除源映射以禁止用户查看我们的代码。

Another solution is to create a new file in your project's rootdirectory named .env and include the following inside the file. Thiswill remove any .map files from your build/static/js folder the nexttime you run build.

不适合我。我创建了 permission.env 并添加了

GENERATE_SOURCEMAP=false

进去然后运行

npm run build

我附上了我在生成的构建中搜索 *.map 扩展文件的屏幕截图。即使我们创建了 *.env 文件，它们也在这里。

所以我添加了

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

在我的 package.json 中再次运行 npm run build。我们可以看到没有 map 文件 - 所以该命令帮助了我们。