TreeShaking with RxJS 7.x and WebPack 5

[Carsten-Leue]

I would like to treeshake rxjs in my TypeScript application that is bundled via WebPack:

rxjs@7.5.7 webpack@5.74.0

According to https://rxjs.dev/guide/installation I would have to use the ES2015 exports of rxjs, but I cannot find out how to do that.

I have already posted this question to https://stackoverflow.com/questions/73992486/treeshaking-with-rxjs-7-x-and-webpack-5 however without success.

What I find is that with webpack config that successfully tree shakes versions rxjs@<7 picks up the cjs version for rxjs 7, which basically prevents any tree shaking.

Any help is highly appreciated

const path = require('path');

module.exports = {
  entry: './src/index.ts',
  devtool: 'source-map',
  target: 'node16',
  mode: 'production',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js'],
  },
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
};

Similar issues might be #6856 or #6903 but I do not understand how to solve the problem based on discussion in these issues.