how to support progressPlugin?

[hardfist]

webpack's internal progressPlugin is not pretty and https://www.npmjs.com/package/webpackbar is much pretty.
so which behavior and interface should we align to?
we have needs for custom color but webpack's internal progressPlugin doesn't support it and webpackbar supports custom color, should we add color option to internal rspack.progressPlugin?

[hardfist]

cc @h-a-n-a @ahabhgk @chenjiahan @Hamzakh777

[chenjiahan]

Can Rspack implement the webpack.ProgressPlugin?

[chenjiahan]

@Hamzakh777 A JS side plugin is just like a webpack plugin, it can be consumed by Node.js users and can be registered in the rspack.config.* file.

[Hamzakh777]

Thanks @chenjiahan! In Rspack, how does the execution differ from an Rspack plugin to a JS plugin? I thought even the JS plugin gets compiled and executed on the Rspack side.

[chenjiahan]

In Rspack, how does the execution differ from an Rspack plugin to a JS plugin? I thought even the JS plugin gets compiled and executed on the Rspack side.

@hardfist Does Rspack have a design document for the JS side plugin?

[Hamzakh777]

I don't think there is one, @hardfist?

[hardfist]

i will try add one today

[chenjiahan]

To provide more context, I will list the differences between the Modern.js custom progress plugin and the Rspack builtin progress plugin:

1. The custom progress can be fixed in the bottom of the terminal, this can avoid the progress bar being broken but other logs, and it is also more friendly to display multiple progress bars.

2. The custom progress bar can display multiple progress bars correctly, while the Rspack progress bar still has a bug, ref: Builtin progress bar is broken when using multi compiler #4214.

3. The custom progress bar can display different colors for different targets. For example, green for the client and cyan for the server.

4. The custom progress bar can be hidden after the compilation is done.

5. The custom progress bar can display plain text in no-TTY environment (such as CI).

6. The custom progress bar can simulate the progress rate to avoid progress regression problems, whereas the Rspack progress rate is unstable and can drop to a lower value.