Exporting from Modules
Exporting from Modules

This module looks at how to use Modules in TypeScript, as well as how to import, export, and create and bundle modules.

Learning Objectives

The objectives of this module are to provide you with an understanding of:

  • How to export from Modules
  • How to import from Modules
  • How to create and bundle Modules

Intended Audience

This learning path is aimed at all who wish to learn how to use TypeScript.


It is essential you understand the face of contemporary web development to attend this course. You should have a good working knowledge of Javascript. Please note: Before attending this class delegates must have a Microsoft account (signing up one is free).


We welcome all feedback and suggestions - please contact us at to let us know what you think.


When using modules, it's important to remember that they run in their own scope. This avoids pollution in the global scope. Only what is exported from the module, is exposed externally. And only what is imported into a module, can be used internally. Any declaration could be exported through using the export keyword.

Export statements, can be used to export the item using its own name or by aliasing it under a different name. As shown here at the bottom where a car is exported as "BaseCar". Specifying the exports, at the bottom of the file is clear now. As it clearly shows what the module exports, rather than having a number of exports statements, throughout the file. 

Optionally, a default export can be specified. This is used a lot in the apt. There are three syntaxes available here. You can use an export default statement when declaring. Although this cannot be used when exporting, commonly used to define array functions. Or you can export at the bottom of the file using one of the two methods shown.

The export statement and then the curly braces with the item name and then as default followed. Or you can simply use the export default statement and the name of the item to export. It's also worth noting, that a module can only have one default export.


About the Author
Learning Paths

Ed is an Outstanding Trainer in Software Development, with a passion for technology and its uses and holding more than 10 years’ experience.

Previous roles have included being a Delivery Manager, Trainer, ICT teacher, and Head of Department. Ed continues to develop existing and new courses, primarily in web design using: PHP, JavaScript, HTML, CSS, SQL, and OOP (Java), Programming Foundations (Python), and DevOps (Git, CI/CD, etc). Ed describes himself as practically minded, a quick learner, and a problem solver who pays great attention to detail. 

Ed’s specialist area is training in Emerging Technologies, within Web Development. Ed mainly delivers courses in JavaScript covering vanilla JS, ES2015+, TypeScript, Angular, and React (the latter is authored by Ed) and has delivered on behalf of Google for PWAs. Ed has also developed a new suite of PHP courses and has extensive experience with HTML/CSS and MySQL. 

Ed is responsible for delivering QA’s Programming Foundations course using the Eclipse IDE. His skillset extends into the DevOps sphere, where he is able to deliver courses based around Agile/Scrum practices, version control, and CI/CD.

Covered Topics