子文件夹中 npm 的最佳实践？

Question

这里是初学者。我想在多个子文件夹中有一个包含独特/不同项目的站点。例如，一个子文件夹可能是一个 Threejs 项目，另一个是 react SPA，另一个是 vanilla html。我想知道这种事情的最佳做法是什么。

我可以在子文件夹中使用 npm init 吗？有什么需要注意的陷阱吗？

现在我的结构如下所示，我正在链接到 CDN，但是在子文件夹中有 npm 会很好。另一个问题是我喜欢有一个 /src 文件夹，然后构建到 /public 以缩小代码，但我不确定这种嵌套结构是否可行。上下文：我正在使用 netlify 从我的 github 存储库的公共文件夹中读取数据。

package.json
public/
      index.html
      some-threejs-project/index.html
                           index.js
                           style.css
      some-react-project/index.html
                         index.js
      some-vanilla-project/index.html
                           index.js