TypeScript with requireJs for coding modular way

Question

define(["require", "exports", "js/models/home","templates/home/home.html"
], function(require, exports, __model__, __homeView__) {

    var model = __model__;
    var homeView=__homeView__;


}

I would like to write a .ts file which will generate a js file like this.

By compiling --module amd I can import a model and also reference the jquery, backboneJs or any other js files. But how can I import an externer html file as like requireJs does?

Answer 1

I put together a blog a while ago on require.js and Typescript.
http://blorkfish.wordpress.com/2012/10/23/typescript-organizing-your-code-with-amd-modules-and-require-js/
In order to import text files, you will need to reference text.js, and then use the text!<...your text file> syntax, as below. Using the require.config further simplifies the use of require:

require.config({
    baseUrl: '../',
    paths: {
        views: 'app/views',
        'text': 'lib/text',
    }
});

require([
    'text!views/MTodoCollectionView.html'],
    (MTodoCollectionViewSnippet) => {
        // 
    });