css - Jhipster : css on production environment at runtime differs from local dev environment

Question

我正在使用 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 年了，这是我第一次遇到这个问题。

Answer 1

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

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