在流星中自动化css浏览器供应商前缀

时间:2014-01-22 17:46:16

标签: css meteor vendor-prefix

我试图找出是否可以使用autoprefixerhttps://npmjs.org/package/autoprefixer)来自动处理带有流星的CSS。

我正在尝试使用meteor-npm启用节点包与meteor一起工作但是我真的不知道该做什么或者它是否可能。

3 个答案:

答案 0 :(得分:5)

我的第一选择是使用stylus(见下文),但根据您的评论看起来您使用的更少。可以创建local package,为所有较少的文件添加源处理程序。请参阅less pluginstylus plugin

或者,您可以使用外部进程来编译文件。我使用Cakefile来观看我的.jade文件并将其转换为html。也许你可以用autoprefixer做类似的事情。


$ meteor add stylus

该软件包附带nib,可以解决您所询问的问题。这是一个例子:

example.styl

@import 'nib'

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

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

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

答案 1 :(得分:2)

有更多的流星套餐可供选择!在撰写本文时,产品中有三个+ autoprefixer软件包:

https://atmospherejs.com/?q=autoprefix

答案 2 :(得分:2)

您应该只使用seba:minifiers-autoprefixer包。对于流星1.3 +:

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

它将自动修复Meteor在生产中处理的所有CSS。 CSS的来源无关紧要(SCSS,Stylus,raw等)。