css - Laravel 混合跳过一个 scss 行

Question

我正在使用 Laravel 5.4 开发一个 Laravel 元素。我使用 Laravel mix package for css，混合 scss 文件。今天我在我的个人 scss 文件中添加了这些行

span.dots-on-overflow {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

但混合后我得到的结果只有

span.dots-on-overflow {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
}

我不明白为什么行 -webkit-box-orient: vertical; 丢失了，或者可能被跳过了。

css 没有错误，因为我从 html 中的样式属性粘贴它。

如果您能提供帮助，在此先感谢您!

Answer 1

Can I Use?和 MDN表明此参数已弃用并声明“不要在面向 Web 的生产站点上使用它”。

我怀疑它被 SCSS 编译器视为无效指令并被删除，尤其是当您使用类似 the polyfill plugin 的指令时。用于后处理。