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

Question

我正在尝试找出是否可以使用autoprefixer（https://npmjs.org/package/autoprefixer）使用流星自动处理 CSS。

我正在尝试使节点包与流星一起使用，meteor-npm但是我真的不知道该怎么做，或者是否有可能。

Answer 1

我的第一选择是使用手写笔（见下文），但根据您的评论，您使用的似乎较少。可以创建一个本地包，为所有较少的文件添加源处理程序。请参阅less 插件和stylus 插件。

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

---

$ meteor add stylus

该软件包随附nib可解决您所询问的问题。这是一个例子：

例子.styl

@import 'nib'

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

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

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

Answer 2

有更多的流星包可用！在撰写本文时，产品中包含三个 less+autoprefixer 包：

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

Answer 3

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

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

它将自动为 Meteor 在生产中处理的所有 CSS 添加前缀。CSS 来自何处（SCSS、Stylus、raw 等）并不重要。