Menu
I am wondering if there is a way to pass parameters to the requireJS with the data-main parameter.
<script data-main="Main" src="lib/require/require.js"></script>
I can introduce globals:
<script>
var mainId = "Main";
var mainTarget = "body";
</script>
<script data-main="Main" src="lib/require/require.js"></script>
But I was wondering if there was a cleaner way to do it. Thanks!
EDIT:
Simon, this is a great plan I think for the mainTarget value.
require([
'plugins/load!./'+mainId+'.htm',
'plugins/load!./'+mainId+'.css'
],function(html,css){
var Main = function(){
this.__proto__ = mainTarget;
}
new Main();
}
How do I apply this to mainId?
942
RequireJS is a JavaScript library and file loader which manages the dependencies between JavaScript files and in modular programming. It also helps to improve the speed and quality of the code.
2 Answers. Show activity on this post. require(["jquery"], function ($) { function doStuff(a, b) { //does some stuff } $('#the-button'). click(function() { doStuff(4, 2); }); });
Advertisements. RequireJS can be initialized by passing the main configuration in the HTML template through the data-main attribute. It is used by RequireJS to know which module to load in your application. For instance − <script data-main = "scripts/main" src = "scripts/require.js"></script>
As per RequireJS API documentation, shim lets you. Configure the dependencies, exports, and custom initialization for older, traditional "browser globals" scripts that do not use define() to declare the dependencies and set a module value.
One way to achieve this is to create a global or common module and just use it as a dependency:
global.js
define({
foo: 'test',
bar: 'red'
});
Using the global:
require(['global'], function(global) {
console.log(global.foo) // 'test'
});
This relies on the global object properties being held within a JS file. It's also a common pattern to output data from the server side into a JS object in the HTML page. To do this you simply give your module a name.
<head>
<script>
define('global', {
mainId: 'Main',
mainTarget: 'body'
})
</script>
</head>
main.js
require(['global'], function(global) {
console.log(global.mainId) // 'Main'
});
If you define a module that needs a global property, just set the global module as a dependency.
You can also use the priority configuration option to ensure your global module is loaded before anything else - http://requirejs.org/docs/api.html#config
126
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
