Skip to content

Files

Latest commit

 

History

History
 
 

requirejs

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

require.d.ts

This is a typescript definitions file for require.js.

Usage

Compile *.ts files as AMD modules:

tsc --module AMD main.ts

export classes so they can be accessed from an import:

// File main.ts
export class Main  {

	run() {  
		...
	}
}

Reference require.js statically in your html page (normally how you would do this with vanilla javascript)

<script data-main="config.ts" type="text/javascript" src="lib/require.js"></script>

where main.ts is the source file containing imports/configuration/require initialization. where type is javascript since require.js is javascript. where src is the reference to require.js.

Sample contents of config.ts: The sample config will load all required shims and AMD modules and then kick off main.ts once everything is loaded.

//file config.ts
require.config({
	baseUrl: 'lib',

	paths: {
		'jquery': 'lib/jquery-x.x.x',
		'underscore': 'lib/underscore-x.x.x',
		'backbone': 'lib/backbone-x.x.x'
	},

	shim: {
		jquery: {
			exports: '$'
		},

		underscore: {
			exports: '_'
		},

		backbone: {
			deps: ['underscore', 'jquery'],
			exports: 'Backbone'
		}
	}
});

// load AMD module main.ts (compiled to main.js)
// and include shims $, _, Backbone

require(['main'], (main, $, _, Backbone) => {

	var app = main.AppMain();
	app.run();

});