css-Isolation not working in rspack example

[varunraval9]

I have checked css-isolation example where i run app2 (isolated app) in webpack it works as it should, but when i run it using rspack serve it does not.

i check webpack.config.js

there is css loaders are applied as below

     {
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader',
            options: {
              insert: require.resolve('./styleLoader.js'),
            },
          },
          'css-loader',
        ],
      },

but there is no configuration added in rspack.config.js

i have tried same configuration in rspack , but no css applied. it seems to me that rspack does not support options.insert.

[ScriptedAlchemy]

Consider filing an issue on rspack if you think there's a problem with css loader.

[DanielSegal1]

Consider filing an issue on rspack if you think there's a problem with css loader.

there is no problem with rspack. this example utilizes custom css loader which is referenced only in the webpack config and not in the rspack config, which makes the example irrelevant

[ScriptedAlchemy]

okay ill adjust

[MichaelJHaywood]

This still needs to be fixed.

It looks like style-loader can't be used in rspack unless you set this:

experiments: {
    css: false,
},

After setting this my style loader worked as it did before in webpack.

[ScriptedAlchemy]

Send a pull request @MichaelJHaywood if you know what needs to change.