隐藏代码端点的 JavaScript 代码拆分

Question

嘿，我对 JavaScript 或反应不是很熟悉。 所以我希望我不是一个太简单的问题：

我想要一个“单页”网站，并希望使用 ajax-request 动态更改此页面。

我为四个可见性级别（访客用户、普通用户、版主、管理员）编写了示例代码

如果您登录我的页面并且您是管理员，您将获得所有级别的 JS-Code。例如，在 json-response 中有一个包含指向 Javascriptcode 目标的 URL 的列表。

如果您以普通用户身份登录，您应该只获得普通用户的 js 代码。您已经拥有的 guest-user-js-code；你在进入页面的时候就知道了。

所以我想事情很清楚，我想要什么。

但是我应该如何实现呢？ 有现成的解决方案吗？

https://reactjs.org/docs/code-splitting.html 也许我必须在这里调整一下？

也许有一些很好的捆绑器，我可以使用，通过隐藏端点 url 进行拆分（如果我有来自 ajax 请求的权限，我会得到）？

lg 结节朋克

Answer 1

正如我在 cmets 中所说，我认为这个问题非常非常广泛。每个请求都是一个完整的独立参数。

总的来说，我希望这会引导你走上正确的道路。

您可以使用 CommonJS 或 ES6 模块拆分您的代码（阅读更多 here）。那就是保持它“模块化”。然后，在捆绑过程中，可能会应用其他拆分技术，但这取决于您的开发环境和使用的工具。

毫无疑问，捆绑的最佳选择是Webpack。然而，直接与 Webpack 打交道或搭建自定义开发环境并不是一件容易的事。您肯定会想了解Create React App，这是一个开始单页应用程序的好地方。它将允许您以“模块化”方式编写代码，并将自动捆绑、拆分和处理它（在后台使用 Webpack）。

最后，保护访问必须在服务器端完成（那里有另一个可用选项）。