RequireJs加载模块的最佳方式
RequireJs optimal way to load modules
我的应用结构是:
**module1**
page1.html
module2.js
**module2**
page2.html
module2.js
我尝试解决问题 - 找到 'require modules' 的最佳方法
我的解决方案:
在page1.html
包括require.js
<script>
require.config ...
require([page1])
</script>
这是加载模块的最佳方式?
如果您想全面了解优化,请查看 R.js optimizer,它是 Require.js 的一部分。
R.js 会将模块分组,这样您仍然可以执行多个 require()
调用而不是执行多个 HTTP 请求。
例如,如果您在页面加载期间需要 3 个模块,那么您可以使用 R.js 创建一个包含这 3 个模块的包(自动包括它们的所有依赖项)。
但是,如果您稍后在页面中有更多模块要延迟加载(比方说,您希望某些模块仅在用户单击按钮后加载),那么您需要记住不要包含主包中的那些模块,而是创建特定于可延迟加载模块的包。
我的应用结构是:
**module1**
page1.html
module2.js
**module2**
page2.html
module2.js
我尝试解决问题 - 找到 'require modules' 的最佳方法 我的解决方案: 在page1.html
包括require.js
<script>
require.config ...
require([page1])
</script>
这是加载模块的最佳方式?
如果您想全面了解优化,请查看 R.js optimizer,它是 Require.js 的一部分。
R.js 会将模块分组,这样您仍然可以执行多个 require()
调用而不是执行多个 HTTP 请求。
例如,如果您在页面加载期间需要 3 个模块,那么您可以使用 R.js 创建一个包含这 3 个模块的包(自动包括它们的所有依赖项)。
但是,如果您稍后在页面中有更多模块要延迟加载(比方说,您希望某些模块仅在用户单击按钮后加载),那么您需要记住不要包含主包中的那些模块,而是创建特定于可延迟加载模块的包。