css - 如何快速从整个文件中删除所有供应商前缀？

Question

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

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

我无法一一删除供应商前缀，因为它可能需要很多时间。是否有任何工具或技巧可以一键删除整个供应商前缀？

Answer 1

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

Answer 2

Autoprefixer的一个不错的功能是它还可以从 CSS 中删除不需要的前缀。你可以在这里在线尝试：

http://autoprefixer.github.io/

要删除所有前缀，请将底部的“过滤器”文本框留空。

Answer 3

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

你可以在这里找到这个工具 postcss-remove-prefix

我假设你已经在你的系统上安装了NodeJs 和 NPM 。

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

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

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

：） 享受

Answer 4

我在 github 上托管的这个javascript 函数可以满足您的需求。
var t = DeVendorCSS("transform")例如，在不支持“转换”但支持前缀的 webkit 浏览器中，返回一个["webkit", "webkitTransform", "-webkit-transform"]用于内联 CSS 规则的数组，例如e.style[t[1]]="translateY(5px)". 实际值“translateY”必须与跨供应商兼容才能在此示例中工作（但如果不是，则使用 t[0] 给出的供应商 ID 变得时髦）。