如何在您的react应用程序上使用npm run build?

时间:2018-12-10 22:52:15

标签: reactjs nginx

我最近创建了一个带有react app的小型网站,但是在浏览器中运行npm run build后,我在调试器的浏览器中找到了静态文件夹,其中包含我的整个react app,组件和app.js甚至是node_modules,以及当然,我认为npm run build出了点问题,因为这不是它应该工作的方式,因为我正在使用nginx和pm2将后端连接到网站,两者都在同一台服务器上部署我的网站,所以这里的问题是nginx配置或react build脚本中的错误。

1 个答案:

答案 0 :(得分:1)

创建React App,为您提供一个Webpack配置,默认情况下包含用于在构建中包含源的选项。

您需要执行以下操作: 1.通过运行npm run eject弹出您的create-react-app项目: 2.打开您的/config/webpack.config.prod.js。 3.删除包含devtool: 'source-map'的行。 4.生成并再次部署您的应用程序。

与此相关,您应该在浏览器上没有源文件,如果您需要更多有关webpack配置的信息,请进行以下检查:https://webpack.js.org/configuration/devtool/

注意:如果您不想弹出代码,则可以使用rewire,而无需触摸CRA的基本代码,而可以覆盖您的配置。

希望这对您有帮助!