с логическими свойствами просто в лоб вот так:
preprocess: [
{
style: stylePreprocessor
},
{
style: (source) => {
let reg = /(\[\s*dir\s*=\s*('|")?\s*\w*\s*\2\s*\])/g;
let code = source.content.replace(reg, ':global($1)');
return { code };
}
}
],
из плюсов - не надо сто раз запускать Postcss и проще с конфиграцией
Еще можно написать простой postcss плагин, который все [dir=""] будет оборачивать в :global(). Тоже неплохой вариант получится
Обсуждают сегодня