我目前正在构建的 Ruby on Rails 应用程序中使用 less-rails gem。我想要通过源映射的方式在 Chrome 中调试我的 Less css 文件（https://developers.google.com/chrome-developer-tools/docs/css-preprocessors）有谁知道这是怎么回事完成了吗？
要使用带有 less-rails gem 的 Ruby on Rails 应用程序中的源映射在 Chrome 中调试 Less CSS 文件，您可以配置源映射生成。不幸的是，less-rails 本身并不直接支持源映射，但是您可以使用 less-rails-source-maps gem，它为 Rails 中的 Less 文件提供源映射支持。
步骤： 将 less-rails-source-maps 添加到您的 Gemfile 中。 运行捆绑安装。 在 config/environments/development.rb 中设置 config.assets.debug = true。 这应该启用源映射，允许您在 Chrome 开发者工具中调试 Less。
在我看来，解决问题最便捷的方法是：放弃assets pipeline，少用rails。使用 gulp-less+gulp-less-sourcemap 更改为 gulp 或 blendid。这将需要时间来配置，但正如我的实践所表明的，时间的损失超过了诸如生命编辑、非常快速的编译，当然还有源映射等功能的回报。
其实我个人并没有在这样的bundle中使用less，但是sass的实现非常方便。我认为用less可能是一样的
可以在rails中使用pry进行调试。因此，无论您在 haml 或 html 中使用 css，您都可以编写类似 -binding.pry（如果是 haml）的内容。 Pry 用于调试 ruby 代码，但您也可以在 haml(view) 中使用 -.
希望这有帮助。