如何删除供应商前缀

Question

我有一个CSS文件，它有很多供应商前缀（-webkit -moz等）。

这些供应商前缀使文件更大。

所以我想使用无前缀。

是否有任何工具或技巧可以轻松删除供应商前缀？

Answer 1

Autoprefixer的一个不错的功能是它还会从CSS中删除不需要的前缀。你可以在网上试试：

http://autoprefixer.github.io/

要删除（几乎）所有前缀，请在底部的“过滤器”文本框中输入last 1 version。

Answer 2

@ Sphinxxx的last 1 version答案是as stated，只是“差不多”正确。要删除 所有 供应商前缀，请将Autoprefixer过滤器设置为>100%。

Answer 3

我在github上托管的这个javascript function可以满足您的需求。
例如，var t = DeVendorCSS("transform")在没有“转换”支持的webkit浏览器中返回，但带有前缀支持，用于内联CSS规则的数组["webkit", "webkitTransform", "-webkit-transform"]，例如{{} 1}}。实际值“translateY”必须兼容跨供应商才能在此示例中使用（但如果不是，请使用t [0]给出的供应商ID来解决问题）。

Answer 4

我遇到了同样的问题，
我试图一次从整个文件删除所有浏览器供应商前缀 。 我发现了一个很棒的工具 postcss-remove-prefixes 。几秒钟内我的工作轻松完成了。

您可以在此处找到此工具 postcss-remove-prefix

我假设您已经在系统上安装了 NodeJ和NPM 。

这是使用此工具的过程
npm i -g postcss-remove-prefixes

然后将CMD中的此工具用作
remove-prefixes input.css
这将从您的文件中删除供应商前缀

remove-prefixes input.css output.css
这将从您的文件中删除供应商前缀，并生成输出作为新文件。

：）尽情享受