Как сделать, чтоб webpack переименовывал классы в html?

В Webpack для переименования классов в HTML можно использовать плагин, такой как webpack-rename-loader. Этот плагин позволяет переименовывать классы, атрибуты и другие значения в HTML-файлах с помощью правил.

Для начала, установите webpack-rename-loader в свой проект:

npm install webpack-rename-loader --save-dev

Затем добавьте этот плагин в конфигурацию Webpack. Откройте файл webpack.config.js и добавьте следующий код:

module.exports = {
  // другие опции конфигурации Webpack
  module: {
    rules: [
      {
        test: /.(html)$/,
        use: [
          {
            loader: 'webpack-rename-loader',
            options: {
              rules: [
                {
                  search: 'old-class',
                  replace: 'new-class'
                }
              ]
            }
          }
        ]
      }
    ]
  }
  // другие опции конфигурации Webpack
};

В этом примере, мы ищем все вхождения строки 'old-class' в HTML-файлах и заменяем их на 'new-class'. Вы можете добавить сколько угодно правил в массив rules, чтобы переименовывать различные классы или значения по вашему усмотрению.

После внесения изменений, перезапустите сборку проекта с помощью команды npm run build или другой команды, которую вы используете для компиляции проекта с помощью Webpack.

Теперь, когда проект будет собран, все указанные классы будут переименованы в HTML-файлах, соответствующих указанным правилам.

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