根据requirejs结构捆绑js文件

时间:2016-12-20 21:04:05

标签: angularjs requirejs

我们有requirejs

我已经提到过requirejs中的路径和垫片。

这里,当我在angularjs路由器中加载控制器时,文件将单独加载。

require.config({
    urlArgs: "bust=" + (new Date()).getTime(),
    baseUrl: 'Folder',
    waitSeconds: 200,
    paths: {
        // Jquery
        'Angular': 'Angular path',
        'FileA': 'FileA',
        'FileB': 'FileB',

  },
 shim: {
'FileB'{
    Deps:'FileA'
},
'FileA'{
    Deps:'Angular'
},
}

当我需要FileB时,它会自动检索fileA和angular文件。

但在这种情况下,我正在为三个文件请求三个http请求。

有没有基于requirejs结构捆绑文件的解决方案? 因此,当我请求文件时,我将获得单个文件而不是多个文件

1 个答案:

答案 0 :(得分:-1)

如果您尝试捆绑的文件之间存在任何依赖关系,则将它们捆绑在单独的文件中没有任何意义。

但是,如果您确定依赖项没有任何问题,可以使用bundle requirejs中的新功能:

requirejs.config({
  bundles: {
    'shared': ['angular'],
    'fileA': ['fileA'],
    'fileB': ['fileB'],
    // etc...
  }
});

此外,您可以将模板添加到很棒的包中。更多信息here