我正在尝试使用require.js改进大型多页面应用程序的优化。由于依赖关系的结构,我无法捆绑一些模块。这会导致多个加载步骤,从而显着延迟了整个应用程序的启动。
如何设置这些模块的示例:
define('pageA', ['shared1'], ...)
define('pageB', ['shared1'], ...)
define('pageC', ['shared2'], ...)
define('shared1', ['shared2'], ...)
define('shared2', ...)
我不希望shared1
与任何内容捆绑在一起,因为它包含在两个页面中。我也不想将shared2
捆绑到shared1
,因为它在某些时候没有使用shared1
。这导致page1
加载shared1
,然后必须加载shared2
。
有没有办法自动将所有子依赖项添加到顶层,以便在一个步骤中加载?我无法找到与配置选项类似的任何内容。
例如,pageA
会变成:
define('pageA', ['shared1', 'shared2'], ...)