Using Require.js without data-main

javascript requirejs
Levi McCallum picture Levi McCallum · Oct 12, 2012 · Viewed 18.6k times · Source

Can I use Require.js in development without using the data-main attribute to load in my initial script? ie. <script data-main="scripts/main" src="scripts/require.js"></script> I'm finding it difficult for me to work with this attribute in my development environment.

Answer

Waxen picture Waxen · Oct 12, 2012

Yep, take a look at the documentation: http://requirejs.org/docs/api.html#config

You need to call require.config() and set baseUrl. Based on your example:

<script src="scripts/require.js"></script>
<script>
    require.config({
        baseUrl: "scripts"
    });

    require( [ /*...*/ ], function(  /*...*/ ) {
        /*...*/
    });
</script>

Related questions

Mismatched anonymous define() module

I'm getting this error when I browse my webapp for the first time (usually in a browser with disabled cache). Error: Mismatched anonymous define() module: function (require) { HTML: <html> . . . <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/…

Read More
Relation between CommonJS, AMD and RequireJS?

I'm still very confused about CommonJS, AMD and RequireJS, even after reading a lot. I know that CommonJS (formerly ServerJS) is a group for defining some JavaScript specifications (i.e. modules) when the language is used outside the browser. CommonJS …

Read More
Does it make sense to use Require.js with Angular.js?

I'm a newbie to Angular.js and trying to understand how it's different from Backbone.js... We used to manage our packages dependencies with Require.js while using Backbone. Does it make sense to do the same with Angular.js?

Read More