WebPack 2 CSS-Loader替换生产构建中的Z-Index属性

Question

我在我们的应用程序的生产构建版本中面临奇怪的问题。我们正在使用与WebPack捆绑在一起的React。样式用较少编写，并包装成> extract-text-plugin 的单独的bundle.css。我的应用程序上都有z-index属性。问题是，在生产模式下，捆绑输出样式具有Z-Index属性的替代值。例如，z-index: 9999将转移到z-index: 27。即使我放置!important，也会导致z-index: 27!important。我认为它是故意完成的，但是如果某些Z-Index属性设置了JSS，例如" Zindex：99"，我的主要9999(配置较少(将由JSS Inline Styles叠加构建后相同。

Answer 1

在您的生产中，添加safe压缩：

new OptimizeCSSPlugin({
  cssProcessorOptions: {
    safe: true
  }
})