如何快速从整个文件中删除所有供应商前缀？ [关闭]答案

【问题标题】：How do you remove all vendor-prefixes from entire file quickly? [closed]如何快速从整个文件中删除所有供应商前缀？ [关闭]
【发布时间】：2014-02-06 09:34:31
【问题描述】：

我有一个 CSS 文件，它有很多 vendor-prefixes (-webkit -moz 等)。

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

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

【问题讨论】：

在您的文本编辑器中查找和替换？但是我们在谈论多大？这可能几乎没有什么区别。
在删除之前，您应该知道它为什么存在 :) [浏览器兼容性]
我当然知道它为什么在那里。使用 prefixfree.js 将使 css 更易于维护。顺便说一句，我网站的一部分访问者仍在使用 4 mbps 速度的网络。
@Jackwintung : 如果有人在浏览器中禁用了js 怎么办...... 只是一个想法！ ??
@NoobEditor 是的。你说的对。我想最好保留供应商前缀。

标签： css file sass vendor-prefix

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

http://autoprefixer.github.io/

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

【讨论】：

要删除所有前缀，您可以将“过滤器”文本框留空。
它添加了前缀。但是如何清理前缀？
@NorbertKardos - 除了添加需要的前缀，它还删除不需要的前缀。试试答案中的链接：粘贴您的 CSS，清除“浏览器列表”文本框并点击“应用”。

【解决方案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
这将从您的文件中删除供应商前缀并将输出生成为新文件。

:) 享受

【讨论】：

【解决方案4】：

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

【讨论】：