Requirejs require.config必须在每个页面中声明吗? //main.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething(); }); }); }); // //main1.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething2(); }); }); }); // //test1.js 定义(函数(){ 返回{ getsomething:function(){ $('#按钮').css({'background-color':'#000'}) }, getsomething2:function(){ $('#按钮').css({'background-color':'#000'}) } } //返回大便; }); // //Default1.aspx //Default2.aspx

Requirejs require.config必须在每个页面中声明吗? //main.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething(); }); }); }); // //main1.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething2(); }); }); }); // //test1.js 定义(函数(){ 返回{ getsomething:function(){ $('#按钮').css({'background-color':'#000'}) }, getsomething2:function(){ $('#按钮').css({'background-color':'#000'}) } } //返回大便; }); // //Default1.aspx //Default2.aspx,requirejs,Requirejs,是否必须在每个要使用jquery的页面中声明require.config?我不能在不同的页面中共享main.js吗?我现在有点迷路了,我想应该在所有页面之间共享require.config,每个页面都应该有自己的js,而requirejs将帮助放置我想要的东西,因为requirejs只能指向有require.config的js?通过谷歌搜索,仍然无法决定如何在多个页面和脚本上使用,需要一些指导来理清思路 更新:1 //main.js require.config({ ba

是否必须在每个要使用jquery的页面中声明require.config?我不能在不同的页面中共享main.js吗?我现在有点迷路了,我想应该在所有页面之间共享require.config,每个页面都应该有自己的js,而requirejs将帮助放置我想要的东西,因为requirejs只能指向有require.config的js?通过谷歌搜索,仍然无法决定如何在多个页面和脚本上使用,需要一些指导来理清思路

更新:1

//main.js
    require.config({
        baseUrl: '../Scripts/lib/',
        paths: {
            'jquery': 'jquery-2.0.0',
        }
    });

define(['jquery', '../test1'], function ($, object) {
    $(document).ready(function () {
        $('#button').bind('click', function () {
            object.getsomething();
        });
    });
});
//

//main1.js
    require.config({
        baseUrl: '../Scripts/lib/',
        paths: {
            'jquery': 'jquery-2.0.0',
        }
    });

define(['jquery', '../test1'], function ($, object) {
    $(document).ready(function () {
        $('#button').bind('click', function () {
            object.getsomething2();
        });
    });
});
//
//test1.js
define(function () {
    return {
        getsomething: function(){
            $('#button').css({'background-color':'#000'})
        },
        getsomething2: function(){
            $('#button').css({'background-color':'#000'})
        }
    }
     //return shit;
});
//

//Default1.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>

//Default2.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main1.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>
//main.js
require.config({
baseUrl:“../Scripts/lib/”,
路径:{
“jquery”:“jquery-2.0.0”,
}
});
});
//
//Scripts/script1.js
定义(“main”,['jquery','../test1'],函数($,对象){
$(文档).ready(函数(){
$(“#按钮”).bind('click',函数(){
getsomething();
});
});
//
//Scripts/script2.js
定义(['jquery','../test1'],函数($,对象){
$(文档).ready(函数(){
$(“#按钮”).bind('click',函数(){
getsomething2();
});
});
//test1.js
定义(函数(){
返回{
getsomething:function(){
$('#按钮').css({'background-color':'#000'})
},
getsomething2:function(){
$('#按钮').css({'background-color':'#000'})
}
}
//返回大便;
});
//
//Default1.aspx
//Default2.aspx

我重新阅读了每一个教程和页面,得出了这样的结论,这样的代码正确吗?但它出现了错误,除非我从源代码中删除外部脚本

否,您不必在所有页面中声明require.config。

RequireJS通常需要在使用的每个页面上调用config。我说typic因为您有时可以避开默认设置,但更多的时候(尤其是使用jQuery),您需要设置
路径
垫片

首先,我没有遇到过需要两个
main.js
文件的情况,我能问一下为什么您的代码示例显示了几乎相同的代码吗

您不应该在
main.js
中放置
define()
调用。模块应该位于它们自己的文件中,而
main.js
应该
需要它们并调用任何设置代码

你也许想明白我的意思

如果您需要两个不同的主文件(可能您想初始化页面上的不同模块),则使用不同的JS文件来完成此操作。例如,page1.JS或page2.JS,
需要一组不同的模块。main应用于配置和加载所有页面上的通用模块

//main.js
    require.config({
        baseUrl: '../Scripts/lib/',
        paths: {
            'jquery': 'jquery-2.0.0',
        }
    });
});
//

//Scripts/script1.js
define("main",['jquery', '../test1'], function ($, object) {
    $(document).ready(function () {
        $('#button').bind('click', function () {
            object.getsomething();
   });
});
//


//Scripts/script2.js
define(['jquery', '../test1'], function ($, object) {
    $(document).ready(function () {
        $('#button').bind('click', function () {
            object.getsomething2();
    });
});

//test1.js
define(function () {
    return {
        getsomething: function(){
            $('#button').css({'background-color':'#000'})
        },
        getsomething2: function(){
            $('#button').css({'background-color':'#000'})
        }
    }
     //return shit;
});
//

//Default1.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>
<script src="./Scripts/script1.js">

//Default2.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>
<script src="./Scripts/script2.js">