three.js膨胀的js文件

嗨，我想当我试图编译我的三个js文件时，我的webpack和
pm配置可能有问题。我对他们两个都不太熟悉，对三个JS也不太熟悉。每当我运行
pm运行build时，一切都正常，但我得到了这个警告；
资产大小限制警告：以下资产超过了建议的大小限制（244千磅）。
这可能会影响web性能。
资产：nmain.js（638千磅）
入口点大小限制警告：以下入口点组合资产大小超过建议的限制（244千磅）。这可能会影响web性能。
入口点：nmain（638kib）nmain.js
我的js非常小，只需导入一个GLTF模型并设置一些灯光和使用轨道控制，就可以了。
这就是我导入的内容：nimport * as THREE from \"three\";import { GLTFLoader } from \"three/examples/jsm/loaders/GLTFLoader\";import { OrbitControls } from \"three/examples/jsm/controls/OrbitControls.js\";
如果我注释掉这三行，我的js显然很小，但如果我取消注释这些行中的任何一行，文件大小约为600kb。所以无论我导入什么，文件都会膨胀。当我看报纸的时候main.js文件中有许多嵌入式控制台警告，例如：nconsole.warn(\"THREE.Ray: .closestPointToPoint() target is now required\")console.warn(\"THREE.Sphere: .getBoundingBox() target is now required\")console.warn(\"THREE.Euler: .setFromRotationMatrix() encountered an unknown order: \"+t)nnpm run build是编译项目的正确方法吗？当我准备部署项目时，是否应该使用其他命令？
任何帮助都将非常感谢，因为我在这里有点不知所措。谢谢。nThree.js因为一个库的容量超过500Kb，并且它正与您的JS的其余部分捆绑在一起。仅仅因为您的代码非常小，并不意味着显示GLTF模型所需的所有代码都必须很小。
有很多尝试只导入模型的部分Three.js你正在使用的，但大家的共识是，正如目前所写的，库将始终完整导入。n- 如何使用Webpack减少捆绑包大小？13树摇晃Three.js18n- 如何提高webapp加载性能，并与three.js以最佳方式归档11
正在努力改善未来的“树木可摇动性”。也就是说，244Kb的建议大小限制是相当随意的，您可以在bundler设置中更改它。要在244Kb以下完成您正在做的事情是不可能的。也许你可以尝试压缩或缩小你的代码？
谢谢，那么您认为6ookb可以吗？似乎不管我导入了什么，文件最终都是600kb，即使我没有导入三个js，只是作为文件大小测试导入了一些控件。顺便说一句，我的代码是由编译器缩小的，但不是gzip。
这是我们正在研究的一个持续问题。简言之，这是因为我们需要切换到ES6类以使树震动正常工作，并且在不推荐某些旧文件之前，我们无法切换到类。这将发生在12月，因此希望构建规模将在明年初下降。
同时，还有一些解决办法。我最喜欢的是@cream勾勒出的那个。请注意，它是用于汇总而不是网页包。但它也可能适用于Web包树震动Three.js问题嗨！我只想和大家分享一下我们的经验，我们用三和GSAP做了一个项目。我们正在捆绑Rollup，目前我们的解决方案听起来有点像@yushijinhu
的插件应该做的，但仍然有点不同：Rollup treeshake:add treeshake:{moduleSideEffects:false}到Rollup配置。如果不这样做，GSAP将完全添加三个模块和插件，包括所有模块和插件，即使您只导入/使用其中一个（注意：这将发生在所有
a…n，如果这对您不起作用，请进一步查看我的评论，其中有一个指向@drcmda的链接three.js文件。而不是从主目录导入three.js文件2，您可以从此编辑的文件导入。但是，您必须根据您使用的库的哪些部分来更新此文件，以便它是额外的工作。Three.js问题@cream我已经在一个使用GLTFLoader+OrbitControl的简单应用程序上测试过了，没有其他库。这将导致代码减少约340kb（未压缩）。太好了！使用Chrome coverage工具，我已经从大约50%的未使用JS变成了37%。编辑：我将其与已编辑的src进行了比较/Three.js上面共享的@drcmda文件，手动删除所有可能的内容，并用空类替换未使用的类。我已经能够删除额外的32kb（同样是预缩小）。这就带来了…加农炮303:n，那么您认为6ookb可以吗？n600Kb，在我看来，在您的浏览器中提供如此强大的3D库是一笔巨大的交易！巴比伦是2.79MB 5，Unity的WebGL播放器甚至更大。
这个webpack推荐的限制非常普遍-它不知道你是在构建一个复杂的PWA、一个3D视频游戏还是一个简单的静态博客。最好了解哪些限制对应用程序和用户来说是合理的，并为自己设定一个性能预算
Bloated js filen

three.js膨胀的js文件

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形