javascript - RequireJS 和通用配置

Question

是否可以在一个地方配置 requirejs 并在模块中重用它？

比如

主要.js:

requirejs.config({
    baseUrl: "static/js", 
    paths: {
         "jquery": "http://code.jquery.com/jquery-1.9.1.js",    
     "jquery-ui": "http://code.jquery.com/ui/1.10.2/jquery-ui.js"
},
shim: {
     "jquery-ui": {
          deps: ["jquery"]
     }
}
}); 

和

公共(public).js:

define(["main", "jquery", function(main, $) {
    // do some public stuff
});

客户端.js:

define(["main", "jquery", function(main, $) {
    // do some client stuff
});

在我的网络公共(public)部分有

<script type="..." src="js/require.js" data-main="js/public.js"></script>

在网络的客户端

<script type="..." src="js/require.js" data-main="js/client.js"></script>

而且我还希望每个页面都有一个模块。因此，例如在公共(public)上有一个索引模块

<script ...>
    require('public/index');
</script>

和

公共(public)/index.js:

define(["jquery", "slideshow"], function($, s) {
    $( function() { s.init() } );
});

RequireJS 可以吗？

感谢您的回答。

Answer 1

data-main 在非常简单的情况下是一个有用的快捷方式，但除此之外我没有发现它非常有用，解决方案是完全转储它。

在每个页面上显式加载您的主程序，然后使用回调加载您的 View 特定脚本。

所以你在 public.html 中有:

<script src="/Scripts/require.js"></script>
<script>
require('main', function(){
  require('public');
})
</script>

在 client.html 中:

<script src="/Scripts/require.js"></script>
<script>
require('main', function(){
  require('client');
})
</script>

I've written a blog post expounding on this idea here.