JavaScript 代码分割并隐藏代码端点

标签 javascript reactjs bundle bundling-and-minification code-splitting

嘿,我不太熟悉 JavaScript 或 React。 所以我希望我不要问一个太简单的问题:

我想要一个“单页”网站,并且想要使用 ajax 请求动态更改此页面。

我已经为四个可见性级别( guest 用户、普通用户、主持人、管理员)编写了示例代码

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

如果您以普通用户身份登录,您应该只获得普通用户的 js 代码。您已有的 guest-user-js-code;您在进入该页面时就得到了该信息。

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

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

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

也许有一些很好的 bundler 可供我使用,通过隐藏端点 url 进行分割(如果我拥有 ajax 请求的权限,我会得到这些)?

lg 结点

最佳答案

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

总的来说,我希望这能引导您走上正确的道路。

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

您的最佳 bundle 选项是 Webpack毫无疑问。然而,直接处理 Webpack 或设置自定义开发环境并不是一件容易的事。您肯定会想阅读 Create React App ,这是单页应用程序的一个很好的起点。它将允许您以“模块化”方式编写代码,并自动 bundle 、拆分和处理它(在底层使用 Webpack)。

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

关于JavaScript 代码分割并隐藏代码端点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60687935/

相关文章:

javascript - javascript 中的函数名称相同(嵌套函数和外部函数)

javascript - mysql循环 - 预加载数据?

xcode - 如何使用 cmake 将资源包添加到 xcode 项目中?

ruby-on-rails - 在任何来源中都找不到 mime-types-2.4.2

javascript - 忽略服务 worker 请求中的查询参数

javascript - 使用 lodash 选择没有周围对象的值

javascript - Overlay 比 React Native 中的父样式组件小

javascript - Reactjs 不渲染表中的数据

reactjs - 嵌套类的 Material UI 主题样式

java - 安卓/Java : How to get the ArrayList<JSONObject> from an Activity to another?