Using TypeScript to Import Modules without Default Exports (CommonJS)

Question

Using TypeScript to Import Modules without Default Exports (CommonJS)

Can a module that is defined without a default export be imported using import module from 'module'; and then compiled to commonjs?

An answer on Stack Overflow suggests that it might be possible with the use of the --allowSyntheticDefaultImports option, although this seems to apply only to systemjs modules. According to the Compiler Options Documentation, the allowSyntheticDefaultImports flag primarily affects typechecking.

Are there any alternative solutions aside from using the

import * from module as 'module';

syntax?

typescript

Answer 1

Answer №1

What you are explaining is not the CommonJS module system...

CommonJS is a module API used in Node.js, where modules are managed using module.exports, exports, and require.

TypeScript extends JavaScript and relies on ES6 native modules. If you prefer named exports over default ones, you can achieve this by:

Your custom module

export function foo() {
  console.log('Foo');
};

export function bar() {
  console.log('Bar');
};

Your main file

import {foo, bar} from './module';

foo();
bar();

Answer 2

What you are explaining is not the CommonJS module system...

CommonJS is a module API used in Node.js, where modules are managed using module.exports, exports, and require.

TypeScript extends JavaScript and relies on ES6 native modules. If you prefer named exports over default ones, you can achieve this by:

Your custom module

export function foo() {
  console.log('Foo');
};

export function bar() {
  console.log('Bar');
};

Your main file

import {foo, bar} from './module';

foo();
bar();

Using TypeScript to Import Modules without Default Exports (CommonJS)

Answer №1

Similar questions

Using jest to simulate a private variable in your code

The Angular test spy is failing to be invoked

Is TypeScript capable of comprehending Svelte components?

eslint warning: the use of '$localize' is flagged as an "Unsafe assignment of an `any` value"

The production build encountered an error after upgrading Angular due to a problem with document.documentElement.setAttribute not being recognized

The mystery of the undefined return value in my Ionic v4 get function

"Learn the process of integrating Javascript files from the Angular assets folder into a specific Angular component or module (such as Angular 2, 4,

Is it feasible to verify the accuracy of the return type of a generic function in Typescript?

Issues are arising with Angular Form where the FormControl is not being properly set up for the first field in my form

Guide on specifying a type for a default export in a Node.js module

What is the best way to pass a value to a modal and access it within the modal's component in Angular 8?

JavaScript's async function has the capability to halt execution on its own accord

What is the best way to manage multiple tsconfig files for an Angular application?

Why does the implementation of my interface differ from what is specified in the TypeScript documentation?

Deciding when to utilize an interface, when to avoid it, and when to opt for a constructor in Typescript for the creation of JavaScript arrays

Angular ngModel not updating both directions in data binding

Repeating percentages displayed in a progress bar

The ngIf statement in the template isn't functioning properly after a refresh; instead, it is causing a redirection to the homepage

Creating a type-safe method wrapper in TypeScript based on function names

What are some ways to streamline inline styling without having to create numerous variables?