TypeScript custom transformer for SSR

🚀 Feature Proposal

Hi. Thanks for this great tool.

Do you have any plan to provide a TypeScript custom transformer such as @loadable/babel-plugin ?

Motivation

I’m working with a project using React/SSR/TypeScript. So we use not babel-loader but ts-loader with webpack. We’re considering to introduce loadable-components but we don’t want install Babel tools.

Example

/* webpack.config.js */
const loadableComponentsTransformer = require('@loadable/ts-transformer');

module.exports = {
    ...
    module: {
      rules: [
        {
          test: /\.tsx?$/,
          exclude: /node_modules/,
          loader: "ts-loader",
          options: {
            getCustomTransformers: () => ({ before: [loadableComponentsTransformer] }),
          },
        },
      ],
    },
    ...
};

See also https://github.com/TypeStrong/ts-loader#getcustomtransformers--program-program---before-transformerfactory-after-transformerfactory-- .

Pitch

Why does this feature belong in the Loadable Component ecosystem?

[Quramy]

I wrote it by myself. https://github.com/Quramy/loadable-ts-transformer

[dagda1]

@theKashey @Quramy I just blogged about this here for logrocket