Как я могу понять, почему Rails Webpacker меняет мой css?

Question

Я использую гем rails-webpacker в проекте rails 6.0 и включаю bootstrap вместе с некоторыми другими css в файл, над которым у меня нет контроля. Это просто минимизированный bootstrap вместе с некоторыми дополнительными стилями.

В разработке все выглядит нормально, но когда я развертываю (который вызывает webpacker: compile или assets: precompile, они оба делают одно и то же), он генерирует мои пакеты и где-то в процессе нарушает некоторые css объявления. В частности одно:

background-position: center right calc(.375em + .25rem);

изменяется на:

background-position: 100% calc(.375em + .25rem);

Точная строка в bootstrap: https://github.com/twbs/bootstrap/blob/v4.3.1/dist/css/bootstrap.css#L2208

Я предполагаю, что это делает какой-то css процессор, который включен в @ rails / webpacker, но я не могу понять, как отладить и определить, какой из них вызывает изменение.

Answer 1

Попробуйте установить:

config.optimization.minimize = false

В вашей конфигурации, чтобы увидеть, если это делает его go прочь?

Я считаю, что этот плагин использует веб-упаковщик: https://webpack.js.org/plugins/mini-css-extract-plugin/

Для исправления конфигурации веб-пакета для этого плагина потребуется постоянное исправление.