Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?

Question

[Alex]

В app.css в классах прописывается translateX(200%) и translateX(0%), однако при сборке в билд (npm run build) в css собранном уже translate(200%) и translate(0%), что вообще не одно и тоже. Пробовал писать translate(200%, 0%), но результат все равно один и тот же.
Как это можно исправить ?

PS build minify false в Vite config решает проблему, но без минификации билдить это не то.

UPD: Учитывая что под капотом у vite -> postcss попробовал создать файл конфига и установил пакет safe parser но тоже без результатов, пока приходится работать с build: {cssMinify: false }

module.exports = {
    parser: 'postcss-safe-parser',
    plugins: {},
};

Comments

[Wispik]

А почему translateX(200%) и translate(200%) не одно и тоже?

[Евгений]

Wispik, потому что это не одно и тоже, очевидно.

[Wispik]

Евгений, почитай доки