问题标签 [autoprefixer]

我想在我的节点应用程序中使用 autoprefixer 来编译 css。对于我的特定需求，我想在没有回调或承诺的情况下调用 autoprefixer。

很简单：

或者

我正在为此奋斗一段时间，请您帮帮我。

谢谢你

ps：我已经尝试过 postcss-js，但它产生了一个 json 对象供反应使用，而不是纯 css。例如 {borderRadius:"5px"}

我正在尝试使用供应商前缀更改 jquery ui 滑块的背景 css。我正在使用线性渐变。我需要对几乎所有浏览器的支持。我在 css 样式表中设置了一些带有供应商前缀的 css，我想通过 javascript 更改渐变。我需要带有这 5 个前缀的 css

• -webkit-
• -moz-
• -o-
• -小姐-

• -khtml-

  这是jsfiddle

  /li>

见下文。我当前代码遇到的问题是 Sourcemap 没有通过 Browsersync 注入。我在这里遗漏了什么还是做错了？

供参考： https ://www.browsersync.io/docs/gulp/#gulp-sass-maps

所以，我试图在 Ruby on Rails 中预编译我的资产，但每次我这样做时都会给我：
autoprefixer: /Desktop/Job/RailsApp/app/assets/stylesheets/application.scss:32473:3: Gradient has outdated direction syntax. New syntax is liketo left instead ofright.

现在，我知道linear-gradient新语法应该像它所说的那样，“向左”而不是“向右”。如果它是“顶部”，那么它应该是“底部”。我浏览了所有的 css 文件并更改了所有这些代码行以符合语法。

但是，我仍然收到那个“错误”？这似乎减慢了我在 web-rails/app 上的页面加载速度。

或多或少，我的问题是是否有人知道如何解决这个问题？
另外，我有什么办法可以查看 application.scss 并区分“：32473：3”吗？我查看了该文件并格式化了 scss 的代码，但是当我查看第 32,473 行时，那里没有任何“线性渐变”......

我混合了 scss 和 css 文件，我不知道在预编译时是否会有所不同？

我正在使用：
Rails 4.2.6
ruby​​ 2.2.3p173

这是来自其网站的webpack 的 autoprefixer示例。

我的理解是 webpack 从右到左读取加载器，所以 autoprefixer-loader 不应该放在 webpack 链中的 css-loader 之前。这意味着在加载 css 之后调用 autoprefixer，就像在这个 gulp 示例中看到的 gulp 链中那样。

我不能让自动前缀工作。它被调用，但在我的 css 代码中没有结果。

这里有 Sinatra 应用程序的说明 - https://github.com/ai/autoprefixer-rails

应用程序.rb

我查看了 gem 源代码，发现了这样的例子：

或者

我想知道我们应该使用autoprefixer, lost, postcssflexibilityin的顺序webpack？

我目前正在尝试设置autoprefixer npm 包。我想插入一些 css 以查看它是否根据需要添加供应商前缀。但是，我不确定我会添加什么 css 来触发自动供应商特定的插入。

我怎样才能弄清楚我可以使用什么 css 来确认包是否正常工作？

例如，如果我使用 OSX Chrome v49.x，我会使用什么？

我正在使用postcss-cssnext并在我的 webpack.config 中删除了 autoprefixer

并包括cssnext。我知道 cssnext 已经包含 autoprefixer，所以我们不需要两者都包含。我只是想知道如何将browserslist传递给 cssnext？这是我目前拥有的：

我只是想知道如何在 autoprefixer 中指定多个浏览器

所以例如我目前有

但是，如果我还想指定大于 20 的 firefox 和大于 9.1 的 safari，我该怎么做呢？