Three.js和Webpack的設計模式

Question

我正在尋找一種通過Three.js和Webpack來組織我的代碼的更好的方法，而不是將所有內容都放在一個文件中（相機，網格，燈光，后處理等）。

我以為我可以使用“管理器模塊”，例如LightManager類或PostProcessingManager類。 但是，這些模塊應該是單例的，因為我只需要一個實例，對嗎？ 不過，據說Singleton是一種“壞”模式（或者，您知道，“並不是說它很壞，但是在許多情況下，您可能會錯過更好的解決方案”）。

所以我想知道我有什么選擇？ 你們如何組織代碼？

Answer 1

如果您確定只需要單例，那么單例就可以了，這通常是正確的。 如有疑問，請改用函數或類。

我將從瀏覽您的大文件開始，然后尋找可以提取的內容，例如，如果您要采取很多步驟來建立網格，請將其放入自己的模塊中。 制作功能以在場景上執行常見操作並將其提取到模塊中。 通過這樣做，您將能夠制定出適合您的項目的結構。