Skip to content

[Bug]: loader order of nested rules is different from webpack #12131

@nilptr

Description

@nilptr

System Info

N/A

Details

In webpack: css-loader -> postcss-loader -> sass-loader
In rspack: sass-loader -> css-loader -> postcss-loader

module: {
  rules: [
    {
      test: /\.(scss|css)$/,
      rules: [
        {
          test: /\.scss$/,
          use: 'sass-loader',
        },
      ],
      use: [
        {
          loader: 'css-loader',
        },
        {
          loader: 'postcss-loader',
        },
      ],
    },
  ],
}

reference: rspack vs webpack

Reproduce link

https://github.com/nilptr/rspack-nested-rules-use-order

Reproduce Steps

  1. run pnpm run build:webpack, build successfully
  2. run pnpm run build:rspack, build failed

Metadata

Metadata

Assignees

No one assigned

    Labels

    pending triageThe issue/PR is currently untouched.

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions