我在我们的应用程序的生产版本中遇到了奇怪的问题。我们正在使用与 webpack 捆绑在一起的 React。样式以 less 编写，并使用 extract-text-plugin 打包到单独的 bundle.css 中。我的应用程序中到处都有 z-index 属性。问题是，在生产模式下，捆绑输出具有 z-index 属性替代值的样式。例如，z-index: 9999 将被转换为 z-index: 27。即使我输入 !important 也会导致 z-index: 27!important。我认为这是故意完成的，但如果使用 jss 设置某些 z-index 属性，例如“zIndex: 99”，我的主 9999 (配置为 less)将被 jss 内联样式重叠，这些样式仍然保留在构建后相同。
最佳答案
在您的作品中，添加安全压缩:
new OptimizeCSSPlugin({
cssProcessorOptions: {
safe: true
}
})
关于Webpack 2 css-loader 在生产版本中替换了 z-index 属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48643430/