What is the difference between the three ways of loading typescript module dependencies?

requirejs typescript amd js-amd typescript1.4
Nefarious picture Nefarious · Apr 8, 2015 · Viewed 13k times · Source

What is the difference between the following ways of loading typescript module dependencies?

/// <amd-dependency path="someFile"/>

/// <reference path="someFile.ts" />

import someFile = require("someFile");

Answer

basarat picture basarat · Apr 9, 2015

Covered here : https://typescript.codeplex.com/wikipage?title=Modules%20in%20TypeScript

Disclaimer : My strong opinions follow : https://www.youtube.com/watch?v=KDrWLMUY0R0&hd=1

import someFile = require("someFile");

This should be your main form of import. Use this for JS libraries import $ = require("jquery"); as well as its relative file variant for your own files import someFile = require("./someFile");

/// reference path="someFile.ts" /

use this only to import type information from .d.ts files and your very own globals.d.ts or vendors.d.ts or tsd.d.ts

amd-dependency path="someFile"

You don't need this unless you want to require stuff in CSS / images into your TS.

Related questions

Dependency injection in TypeScript

I'm looking into the possibilities to do TDD with TypeScript. If I write my tests in TypeScript, is it possible to make the import statements return mocks for my class under test? Or is the only feasible approach to write …

Read More
Import TypeScript module using only ambient definition for use in amd

I have a module that depends on Backbone. I have a backbone.d.ts definition but TypeScript doesn't seem to want to compile my module unless my import Backbone = module("backbone") actually points to a valid backbone module as opposed …

Read More
Where does the "use strict" go when using TypeScript and AMD Modules

I am using TypeScript version 1.0.1.0 When using TypeScript and AMD modules together, where exactly should I write the "use strict" statement? Should it go above or below the imports? I can write it above the imports, so that this TypeScript …

Read More