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

Reactjs 如何在react应用程序上使用npm run build?,reactjs,nginx,Reactjs,Nginx,我最近用react应用程序创建了一个小网站,但在浏览器中运行了,npm run build之后,我在调试器的浏览器中找到了静态文件夹,我的整个react应用程序、组件和app.js甚至是节点模块,当然我认为npm run build有问题,因为,这不是它应该如何工作的,顺便说一下,我正在使用nginx和pm2将我的后端连接到网站,两者都在同一台服务器上部署我的网站,所以这里的问题是nginx配置或react构建脚本中的错误 创建React应用程序,为您提供一个默认包含在生成中包含源代码选项的网页

我最近用react应用程序创建了一个小网站,但在浏览器中运行了,
npm run build
之后,我在调试器的浏览器中找到了静态文件夹,我的整个react应用程序、组件和app.js甚至是节点模块,当然我认为npm run build有问题,因为,这不是它应该如何工作的,顺便说一下,我正在使用nginx和pm2将我的后端连接到网站,两者都在同一台服务器上部署我的网站,所以这里的问题是nginx配置或react构建脚本中的错误

创建React应用程序,为您提供一个默认包含在生成中包含源代码选项的网页包配置

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

使用此选项,您的浏览器上应该没有源代码,如果您需要有关网页配置的更多信息,请选中此选项:

注意:如果您不想弹出代码,您可以使用,并且不要触碰CRA的基本代码,而是使用您的配置覆盖


希望这对你有帮助

运行
npm run eject
并删除devtool后,就像您所说的,文件不再存在于静态文件夹中,但在静态文件夹下,有一个名为media something的文件夹,其中包含我的所有信息。我完全按照你说的做了,文件不在静态文件夹中,但另一个文件夹出现了,名称为media,其中包含我的所有信息。奇怪,你能给我们看看你的网页配置吗?现在创建的文件夹的确切名称是什么?我是webpack新手,在第一次使用之前我没有使用过它,我更改了devtool:“无”并从build->static->css文件夹中删除。map files,它现在工作了,没有问题,非常感谢您的帮助,如果可能的话,还有一个问题,我试图在前端使用process.env来保护url端点和重要代码,但我不知道从何处开始,使用webpack config,您是否有任何信息,从何处开始?要处理环境变量,您需要做的是实现,如果您需要在FE上实现,请改为使用此,您可以在建筑代码的任何地方使用环境变量。@MiguelAngel如何更改此行
const servedUrl=envPublicUrl | | |(publicUrl?url.parse(publicUrl).pathname:'。/)在config/path.js中,不带out eject npm,并使用重新布线或react app重新布线。你能举个例子吗?