我怎样才能弄清楚为什么 Rails Webpacker 正在改变我的 css？答案

【问题标题】：How can I figure out why Rails Webpacker is changing my css?我怎样才能弄清楚为什么 Rails Webpacker 正在改变我的 css？
【发布时间】：2020-03-25 20:28:10
【问题描述】：

我在 rails 6.0 项目中使用 rails-webpacker gem，并且在我无法控制的文件中包含引导程序和其他一些 css。它基本上只是一个缩小的引导程序以及一些额外的样式。

在开发中一切看起来都很好，但是当我部署（调用 webpacker:compile 或 assets:precompile，它们都做同样的事情）时，它会生成我的包，并且在过程中的某个地方会破坏一些 css 声明。特别是：

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

正在更改为：

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

引导程序中的确切行是： https://github.com/twbs/bootstrap/blob/v4.3.1/dist/css/bootstrap.css#L2208

我假设这是由 @rails/webpacker 包含的某些 css 处理器完成的，但我不知道如何调试和隔离导致更改的原因。

【问题讨论】：

作为附加测试，我使用--webpack 创建了一个空的Rails 6.0.2.2 项目，创建了styles.css 作为一个包，添加了bootstrap.min.css 并@imported 它，更新了webpacker。 yml 到 extract_css，运行的 bin/rails webpacker:compile 和创建的 css 也进行了此修改。我也用 bootstrap npm 包试过了，它没有以同样的方式改变 css...？

标签： css ruby-on-rails webpack webpacker

【解决方案1】：

尝试设置：

config.optimization.minimize = false

在你的配置中看看这是否让它消失了？

我相信这是 webpacker 正在使用的插件：https://webpack.js.org/plugins/mini-css-extract-plugin/

永久修复需要为此插件编辑 webpack 配置。

【讨论】：

我尝试设置类似于github.com/rails/webpacker/blob/master/docs/… 的配置，其中我添加了：“environment.config.set('optimization.minimize', false);”它没有任何区别。当然，我对配置 webpacker 不是很熟悉，更不用说 rails-webpacker 了。
你可以尝试设置 Rails 配置设置，只是为了它的见鬼吗？我认为它控制多个 webpacker 设置。
似乎“优化”键不存在，我得到“ruby-2.6.5/gems/railties-6.0.2.2/lib/rails/railtie/configuration.rb:97:in @ #<:application::configuration:0x000055e25d2b8ed8> (NoMethodError) 的 987654324@optimization'。我在资产配置下四处寻找，但没有看到任何关于优化的信息。