You are calling require
with a string literal. When you call require
like this, it acts in a pseudo-synchronous fashion. It acts like a synchronous call because it will return immediately the module. It is pseudo-synchronous because the module must be loaded before you call the pseudo-synchronous form of require
.
So you could do this:
define(['backbone', 'underscore', 'jquery', 'text!templates/bookTemplate.html'],
function (Backbone, _, $) {
var bt = require('text!templates/bookTemplate.html');
and it would work because the module would be loaded before require
executes. Or you could use the method you've shown in your 2nd code snippet:
define(['backbone', 'underscore', 'jquery',
'text!templates/bookTemplate.html'], function (Backbone, _, $, bt) {
Or you could use use the CommonJS wrapping:
define(function(require, exports, module) {
var Backbone = require('backbone');
var _ = require('underscore');
var jquery = require('jquery');
var bt = require('text!templates/bookTemplate.html');
This wrapping works because RequireJS will transform it at run time into:
define(["require", "exports", "module", "backbone", "underscore", "jquery",
"text!templates/bookTemplate.html"], function(require, exports, module) {
var Backbone = require('backbone');
var _ = require('underscore');
var jquery = require('jquery');
var bt = require('text!templates/bookTemplate.html');
before executing the module.