css中的属性-webkit-box-orient在vuejs中构建时不起作用？

Question

我在本地使用属性-webkit-box-orient normal。但是当我通过 npm run build 构建到 web 时，属性不起作用并出现在 devtools 中。如何应用这个属性？

我试过了：

.ellipsis {
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

和

.ellipsis {
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

但是在构建时，是否发生过类似的情况？

有人为我推荐解决方案吗？非常感谢。

Answer 1

这是一个艰难的过程。我的朋友发现了这个页面https://blog.csdn.net/niesiyuan000/article/details/79301492

/*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */

如果您不想更改配置，似乎可以解决问题。