javascript - Requirejs multiple modules from one file -


i need use 2 modules 1 file.

index.html:

 <!doctype html>     <html>         <head>             <title></title>             <script data-main="app/main" src="app/require.js"></script>         </head>         <body>          </body>     </html>

main.js:

 require(['modules/message', 'modules/another-module'], function(message, anothermodule) {         alert(anothermodule);     });

modules/message.js:

define(function() {     return 'hello there!'; });  define('another-module', function() {     return 'hi there!'; });

for reason chrome goes error uncaught error: script error for: modules/another-module

directory structure:

|- appdirectory |-- app |--- modules |---- message.js |--- main.js |--- require.js |-- index.html

so question is: how can load 2 modules 1 file using 1 require expression? possible?

the issue code when name module define have give full name intend use module. should define('modules/another-module'

but not problem. require this:

require(['modules/message', 'modules/another-module'],

there multiple ways in can go down there 2 principal ways of interest here:

  1. requirejs loads modules/message before starts trying load modules/another-module. time gets second module, has define it. fine.

  2. requirejs starts loading modules/another-module first. fetch file named modules/another-module.js , won't find it, cause error.

note require call imposes no order on dependencies passed it. requirejs free start loading modules in whatever order wants. can solve second problem using bundles in runtime configuration. instance:

bundles: {     "modules/message": [ "modules/another-module" ] }

Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more