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

Struggling to incorporate './MongoDB' using vue-cli and webpack

Is it possible to implement lazy loading for data in TypeScript classes?

"Encountering a 'Module Not Found' error in Node.js after

How to iterate through properties declared in an Interface in Angular 12?

Develop a customized configuration module for managing ESLint, Prettier, and resolving import issues efficiently

You cannot assign type void to type any

Trigger the Material UI DatePicker to open upon clicking the input field

"Troubleshooting Angular 2 Directives That Cause Errors

Adjust the size of a map on an HTML page after it has

Utilizing Material-UI with MobileDialog HOC in TypeScript: A Beginner's Guide

Challenges encountered when unit testing ngx-translate

Guide on setting up next-auth for external API login in a Next.js 13 app directory

Obtain the appropriate selection in the dropdown based on the model in Angular

strategies for chaining together multiple observables with varying data types and operations

The array does not yield any values when utilizing Angular CLI

The functionality of ngModel is not functioning properly on a modal page within Ionic version 6

The current date is cycling back to the month before

@vx/enhanced responsiveness with TypeScript

Searching Local JSON Data in Ionic 4 with a Filter Input Bar

Loading external templates in Angular2 with Webpack2