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