Question

我有一个正在通过Rails Asset Pipeline处理的.scss样式表。代码如下：

.new-email {
  .ui.dropdown {
    z-index: 101 !important;
  }
}

当我在开发中运行它时，它被编译为：

.new-email .ui.dropdown {
  z-index: 101 !important;
}

但是，当我使用

部署到我们的生产环境时

rake assets:precompile

它编译为

.new-email .ui.dropdown{z-index:2!important}

发生了什么？是否有一个我不了解的指南针设置或SASS或资产管道配置试图了解z索引并智能地减少它们？

似乎很聪明，但在这种情况下，我想要停用这个功能...

Answer 1

这可能不是这个（旧）问题的答案，我什至不确定webpacker当时是否存在，但是它可能会帮助发现此帖子的其他人。

就我而言，Webpacker使用cssnano来优化已编译和最小化的CSS。这些优化之一将z-index减小到最小可能值，以使所有捆绑的CSS仍然有效。如果您还在其他CSS上使用资产管道，则这会导致问题。

此修复程序正在添加 environment.plugins.get('OptimizeCSSAssets').options.cssProcessorOptions.safe = true 到config/webpack/production.js。