在Meteor中自动化CSS浏览器厂商前缀

Question

5

我正在尝试找出是否可以使用autoprefixer (https://npmjs.org/package/autoprefixer) 来自动处理 CSS 与 Meteor。我正在尝试通过meteor-npm使 node 包能够与 Meteor 协同工作，但我不确定该怎么做或是否可能。

- Yannick Schall

3个回答

2

您应该只使用seba:minifiers-autoprefixer软件包。对于Meteor 1.3+：

meteor remove standard-minifier-css
meteor add seba:minifiers-autoprefixer

它将自动为Meteor在生产中处理的所有CSS添加前缀。无论CSS来自何处（SCSS，Stylus，原始等），都不重要。

- Mitar

2

现在有越来越多的 meteor 包可用！目前为止，其中供应的包中有三个不带+autoprefixer:

- ptim

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- David Weldon · Accepted Answer

我的第一选择是使用stylus（请参见下文），但根据您的评论，看起来您正在使用less。可能可以创建一个本地包，为所有less文件添加源处理程序。请参阅less插件和stylus插件。

或者，您可以使用外部进程编译您的文件。我使用一个Cakefile来监视我的.jade文件，并将它们转换成html。也许您可以使用autoprefixer做类似的事情。

$ meteor add stylus

该套件附带了nib，可以解决您所询问的问题。以下是一个示例：

@import 'nib'

$bluestart = #0076b8
$bluestop = #005a8d

footer
  border-radius: 5px
  background: linear-gradient(top, $bluestart, $bluestop)

编译后的CSS将为您扩展所有边框半径和渐变前缀。