Jhipster：运行时生产环境中的 css 与本地开发环境不同答案

【问题标题】：Jhipster : css on production environment at runtime differs from local dev environmentJhipster：运行时生产环境中的 css 与本地开发环境不同
【发布时间】：2017-12-12 08:18:20
【问题描述】：

我正在使用 bootbox 来显示一个对话框：

bootbox.confirm({
  message: "Confirmez-vous l'envoi de la demande de CRA ?",
  backdrop: false,
  className: "on-top-bootbox-alert-2",
  buttons: {
    confirm: {
        label: 'Oui',
        className: 'btn-success'
    },
    cancel: {
        label: 'Non',
        className: 'btn-danger'
    }
  },

在我的 main.css 中：

.on-top-bootbox-alert-2 {
    z-index: 9999 !important;
}

当我运行 war（使用 dev 和 prod 配置文件）时，bootbox 不显示，因为 on-top-bootbox-alert-2 的 z-index 值为 7。

当我点击 main.css 时，我得到的值是 9999。

当我从 IntelliJ 运行应用程序时，问题不会发生。

构建过程有问题吗？我已经习惯构建这个应用程序 2 年了，这是我第一次遇到这个问题。

【问题讨论】：

你升级你的 jhipster 了吗？它是用什么版本生成的？您是否尝试过在 Intellij 之外使用 maven /grade？你曾经有过那个旧的价值吗？它是否以某种方式缓存在intellij中？你试过其他浏览器吗？
我查看了 gulp 生成的缩小 css，z-index 的值是 7，而它应该是 9999。Gulp 似乎在构建过程中改变了值。我听说过在 gulp 中使用 cssnano 任务禁用 zindex 缩小，但我不知道该怎么做。

标签： css jhipster bootbox

【解决方案1】：

编辑 build.js 解决了我的问题：
.pipe(cssnano)
到

.pipe(cssnano,{
            zindex:false
        });

【讨论】：