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

Question

我在本地使用属性-webkit-box-orient 正常。但是当我通过 npm 运行 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;
}

但是build的时候，有没有类似的情况？

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

Answer 1

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

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

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

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

Attribute -webkit-box-orient in css not working when build in vuejs?

css

production

build

vue.js