requirejs - require.config must declare in every page? -


//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> 

is must declare require.config in every page want use jquery? cant share use main.js in different pages? kinda lost now, thought suppose share require.config among page, , each page should have own js, , requirejs put thing want, requirejs can point js have require.config? search through google, still cant make mind on how use on multiple page , script, need guideline clear out mind

update:1

//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"> 

i had re go through again every single tutorial , page, , come out this, correct code this? hit error, unless remove external script source

requirejs typically needs config call on each page used. typically because can away defaults more not (especially jquery) need set paths, shim etc.

firstly, i've not encountered case i've needed 2 main.js files, can ask why code sample shows identical code?

you should not placing define() calls in main.js. modules should live in own files , main.js should require them , call setup code.

you might wish browse documentation again see mean.

if need 2 different main files (perhaps you'd initialise different modules on page) use different js files this. such page1.js or page2.js require different set of modules. main should used config , loading common modules found on pages. this answer sheds light on process.


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -