v1.0.0

TypeScript transform plugin for @loadable/component

Checkout TypeScript loadable transformer plugin example for full example.

Usage

// webpack.config.js

const { createLoadableNodeTransformer } = require('@ts-plugin/loadable')

module.export = {
  ...
  module: {
+   parser: {
+     javascript: {
+       commonjsMagicComments: true,
+     },
+   },
    rules: [
      {
        test: /\.(j|t)sx?$/,
        use: {
          loader: 'ts-loader',
          /** @type {import('ts-loader').Options} */
          options: {
+           happyPackMode: true,
            compilerOptions: {
+             module: 'esnext',
            },
+           getCustomTransformers: () => ({ before: [createLoadableNodeTransformer(process.env.BUILD_TYPE === 'ssr' ? 'node' : 'web')] }),
          },
        },
        exclude: [/node_modules/]
      },
    ],
  },
}