Importing from Modules
Start course

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.


Importing from modules is as simple as exporting. The import key word is used for balancing syntax issue. In each case, the name of the module is used followed by the relative path to the file it's exported from. And if we're park or any other module bundle has been configured correctly, the extension of the import is not required. Just the module name.

For non-default export items, you import these using curly braces around the exported names, and then use their name directly in the code. You may also rename an import using the as new name pattern, and use the alias directly in the code. You can import everything that's exported from a module using the asterix and an alias.

Conventionally, the module name. When you use an export from the module, you prefix the name with the alias you gave when importing. The final one is importing a default export. That simply requires the export name and it's module. You can change the non-default exports onto this by adding a comma and the other export names in curly braces.


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