Почему плагин не меняет названия классов в php файлах WordPress?

Question

[viktorleg]

Пытаюсь сделать обфускацию (шифрование/сокращение) названий классов в шаблоне WordPress.
Через webpack подключил плагин для обфускации mangle-css-class-webpack-plugin и при запуске команды весь процесс без ошибки проходит и классы из css файла сокращаются, но вот классы из php файлов нет.

Файл конфигурации

webpack.config.js

const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MangleCssClassPlugin = require('mangle-css-class-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
	mode: 'development',
	entry: [
        './src/index.js',
        './index.php'
    ],
    output: {
        path: path.resolve(__dirname, './dist'),
        filename: '[name].js'
    },
    module: {
		rules: [
            { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
            { test: /\.css$/i, use: [ MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { importLoaders: 1, modules: false } }, { loader: 'postcss-loader' } ] },
            {
                test: /\.php$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: '[path][name].[ext]',
                            outputPath: '/'
                        }
                    }
                ]
            },
        ]
	},
    plugins: [
        new CleanWebpackPlugin(),
        new MiniCssExtractPlugin({
            filename: "assets/css/main.css"
        }),
        new MangleCssClassPlugin({
            classNameRegExp: '((hover|focus|active|disabled|visited|first|last|odd|even|group-hover|focus-within|xs|sm|md|lg|xl)[\\\\]*:)*tw-[a-zA-Z0-9_-]*([\\\\]*\/[0-9]*)?',
            ignorePrefixRegExp: '((hover|focus|active|disabled|visited|first|last|odd|even|group-hover|focus-within|xs|sm|md||lg|xl)[\\\\]*:)*',
            reserveClassName: ['fa', 'fas', 'far'],
            log: true
        })
    ],
};

Ощущение, что Webpack никак не сканирует классы из php файлов или я скорее всего что-то не так делаю.

Comments

[viktorleg]

Danila видел твой минималистичный и точный ответ на подобный вопрос для проекта на VueJS. Может и у меня увидишь ошибку)) Прости, что упомянул тебя тут)

[Danila]

Тут проблема в том, что вебпак - это JS бандлер, и его архитектура построена на том, чтобы собирать и преобразовывать зависимости (css, fonts, img, js) загруженные в точку входа, которой является JS файл (./src/index.js), с PHP в качестве точки входа он работать не умеет и быть зависимостью точки входа PHP файл очевидно быть не может.
Твою задачу вебпаком не решить, тут либо писать свою реализацию на основе mangle-css-class-webpack-plugin которая будет работать вне вебпака и преобразовывать нужные тебе файлы, либо искать другой инструмент.

[viktorleg]

Danila, спасибо тебе большое за такой четкий и содержательный ответ. Я именно об этом и думал, что php он в принципе через себя не пропускает. Скажи пожалуйста, возможно ли это сделать как-то по другому? Если есть мысли, дай пожалуйста ниточку, за которую я смог бы зацепиться и искать, иначе в голове вообще нет ничего на этот счет.

Еще раз спасибо за твое время и ответ!

[Danila]

Можешь посмотреть в сторону css-modules, попробуй сделать свою реализацию для php, вот пример
json с классами из твоих стилей может сгенерировать postcss-modules
Хотя я бы рекомендовал забить на эту затею, если она не жизненно необходима, т.к готовых решений я не знаю.

[viktorleg]

Danila, Супер! Отличные варианты для исследования. Спасибо тебе еще раз большое. Я бы с удовольствием оставил, но это "очень нужно" клиенту, вот и приходится запариваться с этой ерундой.

[viktorleg]

Danila, можно с тобой как-нибудь связаться?

[Danila]

viktorleg, напиши свою почту - я с тобой свяжусь