reactjs - 如何在您的反应应用程序上使用 npm run build？

Question

我最近用react app创建了一个小网站，但是运行后，npm run build在浏览器中我在调试器中找到了浏览器中的静态文件夹，我的整个react app、组件和app.js甚至是node_modules，当然我认为有些东西npm run build 有问题，因为这不是它假设的工作方式，顺便说一句，我使用 nginx 和 pm2 将我的后端连接到网站，两者都在同一台服务器上部署我的网站，所以问题这里，是 nginx 配置或反应构建脚本中的错误。

标签： reactjsnginx

Answer 1

创建 React App，为您提供一个 webpack 配置，默认情况下包括在构建中包含源代码的选项。

您需要这样做： 1. 通过运行弹出您的 create-react-app 项目npm run eject： 2. 打开您的/config/webpack.config.prod.js. 3. 删除包含devtool: 'source-map'. 4. 再次构建并部署您的应用程序。

有了这个，你的浏览器上应该没有源，如果你需要更多的 webpack 配置信息，请检查这个：https ://webpack.js.org/configuration/devtool/

注意：如果您不想弹出代码，可以使用rewire，并且不要触摸 CRA 的基本代码，而是使用您的配置覆盖。

希望这对你有帮助！