Can you surpass the type declarations of a module at the local level?

Question

Can you surpass the type declarations of a module at the local level?

Is there a way to change the appearance of a specific typescript module for those importing it?

I have webpack rules that modify the exports of this module during transpile time, which is why I want to override its appearance.

In my custom.d.ts file, I have a custom module declaration:

declare module '*.worker' {
  class WebpackWorker extends Worker {
    constructor();
  }

  export default WebpackWorker;
}

When I try to import this module like so:

import MyWorker from './test.worker';

const worker = new MyWorker();

It seems that the custom module declaration does not recognize the type definitions in my custom.d.ts file. Is it possible to override the exported types of a local module?

typescript webpack

Answer 1

Answer №1

To address the situation where FileA.ts exports a class called Human which is later changed to Animal at webpack compile time, one potential solution involves adding a declare type within that class and importing it as follows:

export class Human {
    bark() {
        return "bark bark"
    }
}
export declare class Animal extends Human {};

Subsequently, in FileB.ts, you can import Animal and utilize it while maintaining type safety.

Answer 2

To address the situation where FileA.ts exports a class called Human which is later changed to Animal at webpack compile time, one potential solution involves adding a declare type within that class and importing it as follows:

export class Human {
    bark() {
        return "bark bark"
    }
}
export declare class Animal extends Human {};

Subsequently, in FileB.ts, you can import Animal and utilize it while maintaining type safety.

Can you surpass the type declarations of a module at the local level?

Answer №1

Similar questions

Replace the JS function in the bundle with a new custom function

Attempting to compile TypeScript by referencing ng2-bootstrap using Gulp within Visual Studio

Expanding the properties of an object dynamically and 'directly' by utilizing `this` in JavaScript/TypeScript

Attempting to combine numerous observables into a single entity within an Angular 2 project

Typescript error: Cannot access property "status" on type "never".ts(2339)

Omit an enum item from selection when referencing the key within the Enum

The utility of commander.js demonstrated in a straightforward example: utilizing a single file argument

Iterating through an object using the forEach method (uncommon practice)

Tips for effectively sharing custom validators across different modules

What is the proper syntax for using .focus() with the nextElementSibling method in typing?

Windows authentication login only appears in Chrome after opening the developer tools

Tapping into the space outside the MUI Modal Component in a React application

What could be causing this function to malfunction?

The Bootstrap modal I implemented is opening correctly, but for some reason, the form inside is not appearing

Define a module function that can be used externally

The received data object appears to be currently undefined

What is the proper way to declare and utilize a constant list within a component template in NuxtJs?

The metadata for Company#companyTypesLinks could not be located. Please verify that the entity object has been correctly specified

The function of TypeScript map is not working properly

Can you provide details about the launch configuration for pwa-node in VSCode?