我得到了一个CSS文件,其中有很多供应商前缀(-webkit、-moz等)。这些前缀使得文件变得更大。
我不能逐个移除每个前缀,因为这可能需要很长时间。有没有什么工具或技巧可以一键移除整个文件中的供应商前缀呢?
我不能逐个移除每个前缀,因为这可能需要很长时间。有没有什么工具或技巧可以一键移除整个文件中的供应商前缀呢?
我遇到了同样的问题,我试图一次性从整个文件中删除所有浏览器厂商前缀。我发现了一个很棒的工具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
这将从您的文件中删除厂商前缀并生成新文件作为输出。
:)享受吧
我在Github上托管的javascript函数可以实现你所需的功能。
例如,var t = DeVendorCSS("transform")
在不支持"transform"但支持前缀的webkit浏览器中返回一个数组["webkit", "webkitTransform", "-webkit-transform"]
,用于内联CSS规则,如e.style[t[1]]="translateY(5px)"
。在此示例中,实际值"translateY"必须跨厂商兼容(如果不兼容,则使用t [0]作为厂商ID)。
js
,那怎么办……只是一个想法!!?? - NoobEditor