reactjs 为什么React + Three/Threejs应用程序在部署/生产环境中比在本地主机上运行时更迟缓

xkftehaa  于 2023-03-12  发布在  React
关注(0)|答案(2)|浏览(181)

抱歉,我没有小提琴,但是:我有一个React应用程序,使用Three.js,与开发期间在本地主机上运行时相比,在我部署的网站上缩放功能差得多。它部署在https://svo.utenforuio.no上,但请注意,这是一个测试部署,有时可能会有bug。
不是应该是相同的代码,只是缩小了吗?我在谷歌上搜索了无数次,但没有答案...
我正在开发一个threejs + mobx + threejs应用程序,使用后端数据显示地球仪上的太阳观测结果。

w8f9ii69

w8f9ii691#

如果你在服务器上渲染React,可能只是因为你的计算机比你部署到的服务器有更好的规格

cgh8pdjw

cgh8pdjw2#

找到了!package.json中的“browserslist”设置在开发和生产中是不同的,因此生产部署创建的代码比开发(localhost)中使用的代码效率更低。
调优browserslist设置(并使它们相同)解决了我的问题:

"browserslist": {
    "production": [
      ">0.5% and not dead, last 5 chrome versions, last 5 firefox versions, last 5 safari versions, last 5 edge versions"    
    ],
    "development": [
      ">0.5% and not dead, last 5 chrome versions, last 5 firefox versions, last 5 safari versions, last 5 edge versions"    
    ]
  }

相关问题