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

问题描述 投票:0回答:1

嘿,我不太熟悉JavaScript或没有反应。所以我希望我没有一个太简单的问题:

我想拥有一个“一页”网站,并希望通过ajax-request动态地更改此页面。

例如,我已为四个可见性级别(来宾用户,普通用户,主持人,管理员)编写了代码

如果您登录到我的页面并且是管理员,则可以从各个级别获取JS代码。例如,在json-response中,有一个列表,其中包含指向Javascriptcode目标的URL。

如果您以普通用户身份登录,则应该仅获取普通用户js代码。您已经有来宾用户js代码;您在进入页面时就知道了。

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

但是我应该如何实现呢?是否有一些现成的解决方案?

https://reactjs.org/docs/code-splitting.html也许我必须在这里进行调整?

也许还有一些很好的捆绑器,我可以使用,通过隐藏端点URL(如果我拥有来自ajax请求的权利,则可以得到)进行拆分?

lg knotenpunkt

javascript reactjs bundle bundling-and-minification code-splitting
1个回答
0
投票

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

通常来说,我希望这会引导您走正确的道路。

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

毫无疑问,您捆绑的最佳选择是Webpack。但是,直接处理Webpack或设置自定义开发环境并非易事。您肯定会想读一下Create React App,这是开始使用单页应用程序的好地方。它可以让您以“模块化”的方式编写代码,并自动捆绑,拆分和处理代码(在后台使用Webpack)。

最终保护访问必须在服务器端完成(那里还有可用选项的另一个世界)。

© www.soinside.com 2019 - 2024. All rights reserved.