Как добавить пользовательский префикс к сторонним классам CSS с помощью Webpack/PostCSS?
Я использую Webpacker для создания ресурсов для приложения Rails. Я хочу добавить пользовательские префиксы ко всем именам классов из сторонних CSS-фреймворков. Например, стили от Bulma должны быть преобразованы для использования bulma_button в качестве селектора, а не просто button,
postcss-prefixer это плагин PostCSS, который, как я хочу, добавляет пользовательские префиксы в таблицы стилей Тем не менее, мне все еще нужно сделать так, чтобы он только добавлял префиксы к классам из определенного пакета NPM.
Вот где я застрял на своем пути к префиксу сторонних стилей: Как я могу применить плагин PostCSS только к определенному node_modules каталог и импортировать результаты в мою таблицу стилей точки входа? Я попытался разбить конвейер загрузчика, предоставляемый Webpacker, и манипулировать test / include / exclude Значения конфигурации Webpack, но, похоже, я могу успешно повлиять только на всю таблицу стилей, которая компилируется, включая мои стили, которые я не хочу добавлять в префикс.
Приветствуется любая помощь по конкретной проблеме плагина PostCSS или общей цели префикса стороннего CSS. Я сделаю ссылку на пример приложения, если оно будет сочтено полезным.