自动前缀地狱 - Rails
Autoprefixer hell - Rails
所以,我正在尝试在 Rails 上预编译我在 Ruby 中的资产,但每次我这样做都会给我:
autoprefixer: /Desktop/Job/RailsApp/app/assets/stylesheets/application.scss:32473:3: Gradient has outdated direction syntax. New syntax is like
向左instead of
向右.
现在,我明白 linear-gradient
新语法应该像它所说的那样,"to left" 而不是 "right"。如果它是 "top" 那么它应该是 "to bottom"。我检查了所有 css 文件并更改了所有这些代码行以符合语法。
但是,我仍然明白 "error"?这似乎减慢了我 web-rails/app 上的页面加载速度。
或多或少,我的问题是是否有人知道如何解决这个问题?
另外,我有什么办法可以查看 application.scss 并确定“:32473:3”吗?我查看了该文件并为 scss 格式化了代码,但是当我查看第 32,473 行时,那里没有任何 "linear-gradient"...
我混合了 scss 和 css 文件,我不知道这在预编译时是否有所不同?
我正在使用:
Rails4.2.6
ruby2.2.3p173
似乎与production.rb环境中的'config.assets.css_compressor = :sass'设置有关。一旦我将其注释掉,它就可以正常工作而不会出现该错误并加快所有页面的加载时间。
我的做法:
background: linear-gradient(0deg, red, yellow);
尽管 autoprefixer 说 "New syntax is like to left instead of right" 它与我的自上而下语法有关。
错误:
background: linear-gradient(top, #f5c304 50%,#d6a900 100%);
没有错误:
background: linear-gradient(to bottom, #f5c304 50%,#d6a900 100%);
所以,我正在尝试在 Rails 上预编译我在 Ruby 中的资产,但每次我这样做都会给我:
autoprefixer: /Desktop/Job/RailsApp/app/assets/stylesheets/application.scss:32473:3: Gradient has outdated direction syntax. New syntax is like
向左instead of
向右.
现在,我明白 linear-gradient
新语法应该像它所说的那样,"to left" 而不是 "right"。如果它是 "top" 那么它应该是 "to bottom"。我检查了所有 css 文件并更改了所有这些代码行以符合语法。
但是,我仍然明白 "error"?这似乎减慢了我 web-rails/app 上的页面加载速度。
或多或少,我的问题是是否有人知道如何解决这个问题?
另外,我有什么办法可以查看 application.scss 并确定“:32473:3”吗?我查看了该文件并为 scss 格式化了代码,但是当我查看第 32,473 行时,那里没有任何 "linear-gradient"...
我混合了 scss 和 css 文件,我不知道这在预编译时是否有所不同?
我正在使用:
Rails4.2.6
ruby2.2.3p173
似乎与production.rb环境中的'config.assets.css_compressor = :sass'设置有关。一旦我将其注释掉,它就可以正常工作而不会出现该错误并加快所有页面的加载时间。
我的做法:
background: linear-gradient(0deg, red, yellow);
尽管 autoprefixer 说 "New syntax is like to left instead of right" 它与我的自上而下语法有关。
错误:
background: linear-gradient(top, #f5c304 50%,#d6a900 100%);
没有错误:
background: linear-gradient(to bottom, #f5c304 50%,#d6a900 100%);