4

所以,我试图在 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

4

3 回答 3

11

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

错误:

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

没有错误:

 background: linear-gradient(to bottom, #f5c304 50%,#d6a900 100%);
于 2017-07-07T19:32:40.107 回答
0

我的做法:

background: linear-gradient(0deg, red, yellow);
于 2017-04-23T04:22:03.103 回答
0

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

于 2016-03-29T19:45:36.200 回答