自动前缀地狱 - Rails答案

【问题标题】：Autoprefixer hell - Rails自动前缀地狱 - Rails
【发布时间】：2016-07-04 06:40:06
【问题描述】：

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

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

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

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

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

我正在使用：
Rails 4.2.6
红宝石2.2.3p173

【问题讨论】：

标签： ruby-on-rails-4 sass rake autoprefixer

【解决方案1】：

尽管 autoprefixer 说“新语法就像向左而不是向右”，但它对我来说与从上到下的语法有关。

错误：

 background: linear-gradient(top, #f5c304 50%,#d6a900 100%);

没有错误：

 background: linear-gradient(to bottom, #f5c304 50%,#d6a900 100%);

【讨论】：

@Corey 如果这解决了您的问题，您介意将问题标记为已回答吗？

【解决方案2】：

我的做法：

background: linear-gradient(0deg, red, yellow);

【讨论】：

我会试试看，我仍然得到语法错误。即使它似乎没有影响任何东西，但最好摆脱错误。 @sNICkerssss

【解决方案3】：

似乎与 production.rb 环境中的 'config.assets.css_compressor = :sass' 设置有关。一旦我将其注释掉，它就可以正常工作而不会出现该错误并加快所有页面的加载时间。

【讨论】：