ruby-on-rails-4 - 如何在 rails 4 中启用 Sass 的 Source Maps?

标签 ruby-on-rails-4 sass google-chrome-devtools

根据本期 https://github.com/rails/sass-rails/pull/192 sass-rails尚不支持 Sass 3.3。

但似乎 sass-rails-source-maps 从一开始就依赖于 Sass 3.3。那么有没有办法将此 gem 与 sass-rails 一起使用? ?

根据 sass-rails-source-maps 的自述文件,Chrome 放弃了对 Sass 3.3 之前版本的 Source Maps 文件的支持。

这是否意味着现在无法将 Sass Source Maps 与 Chrome devtools 一起使用?

最佳答案

sass-rails 的替代品有了很大的新下降,它不仅更快,而且还可以选择使用内联源映射。

只需将其添加到您的 Gemfile

#gem 'sass-rails', '~> 5.0'
gem 'sassc-rails'

并添加配置
# config/environments/development.rb
config.sass.inline_source_maps = true

不要忘记重新启动您的服务器,然后您应该会在检查器中看到它正在运行:

Source maps in Safari inspector

你可以在这里找到 repo :
https://github.com/sass/sassc-rails

关于ruby-on-rails-4 - 如何在 rails 4 中启用 Sass 的 Source Maps?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23180867/

相关文章:

google-chrome-devtools - 在调试器中快速查找 Javascript 源文件的方法?

json - href 链接的 Google Chrome 主题颜色悬停

ruby-on-rails - Rails 在 lib/tasks 文件夹中调用任务

ruby-on-rails - Rake 文档 :app fails after upgrading to Ruby 2. 1.1 和 Rails 4.1

css - 为什么相同文件名时模块样式重叠

variables - SASS 忽略在 if 语句中定义的变量

node.js - 谷歌浏览器未设置从 NodeJS/Express 服务器发送的 cookie

ruby-on-rails - 请求中的自定义 header 未显示在 Rails 后端中

ruby - 在 Carrierwave 中手动上传和保存文件

javascript - CSS 动画覆盖 Greensock 补间