From 51170ff0d794b0abefc6967231c96ddc3c4e316c Mon Sep 17 00:00:00 2001 From: Boris Yankov Date: Sun, 18 Nov 2012 23:18:21 +0200 Subject: [PATCH] Add readme for requre.js --- requirejs/README.md | 76 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 requirejs/README.md diff --git a/requirejs/README.md b/requirejs/README.md new file mode 100644 index 0000000000..0adb097589 --- /dev/null +++ b/requirejs/README.md @@ -0,0 +1,76 @@ +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: + +```javascript +// File main.ts +export class Main { + + run() { + ... + } +} +``` + +Reference require.js statically in your html page (normally how you would do this with vanilla javascript) + +```html + +``` + +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. + +```javascript +//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(); + +}); +``` \ No newline at end of file