javascript - 使用 three.js 和 webpack 的设计模式

Question

我正在寻找一种更好的方法来使用three.js和webpack来组织我的代码，而不是将所有内容都放在一个文件中（相机、网格、灯光、后处理等）。

例如，我想我可以使用像 LightManager 类或 PostProcessingManager 类这样的“管理器模块”。但是，这些模块应该是单例的，因为我只需要一个实例，对吧？不过，Singleton 被认为是一种“坏”模式（或者您知道，“并不是说它不好，但在许多情况下您可能会错过更好的解决方案”）。

所以我想知道我的选择是什么？你们是如何组织代码的？

标签： javascriptdesign-patternswebpackthree.js

Answer 1

如果您确定只需要单例，单例就很好，这通常是正确的。如果您有任何疑问，请改用函数或类。

我将首先浏览您的大文件并寻找可以提取的内容，例如，如果您要采取很多步骤来设置网格，请将其放入自己的模块中。创建函数以在您的场景中执行常见操作并将这些操作提取到模块中。通过这样做，您将能够制定出适合您项目的结构。