Как получить текущий webpack compilation stage?

Для получения текущей стадии компиляции в Webpack вы можете использовать плагин webpack-progress-plugin. Этот плагин позволяет отслеживать процесс сборки, включая текущий этап.

Для начала установите плагин webpack-progress-plugin с помощью npm или yarn:

npm install webpack-progress-plugin --save-dev

Затем добавьте этот плагин в файл конфигурации Webpack (обычно webpack.config.js):

const WebpackProgressPlugin = require('webpack-progress-plugin');

module.exports = {
  // ...
  plugins: [
    new WebpackProgressPlugin({
      handler: function(percentage, message, ...args) {
        // Здесь вы можете использовать полученные данные о стадии компиляции
        console.log(`[${(percentage * 100).toFixed(2)}%] ${message}`);
      },
    }),
  ],
  // ...
};

После добавления плагина и настройки его обработчика, вам будут доступны данные о текущей стадии сборки через аргументы функции обработчика. Аргумент percentage содержит процент выполнения компиляции, а message содержит строку, описывающую текущую стадию.

В приведенном выше примере мы просто выводим эту информацию в консоль. Вы можете изменить обработчик по своему усмотрению, например, чтобы обновлять прогресс-бар или отправлять уведомления об этапах компиляции.

Пожалуйста, обратите внимание, что webpack-progress-plugin является внешним пакетом и может потребоваться его установка.