Ruby on Rails 更少的源地图和资产管道？

Posted 2023-02-15

【中文标题】Ruby on Rails 更少的源地图和资产管道？

【英文标题】：Ruby on Rails Less source maps and the asset pipeline?

【发布时间】：2014-01-28 07:59:58

【问题描述】：

我目前正在构建的 Ruby on Rails 应用程序中使用 less-rails gem。我想通过源映射 (https://developers.google.com/chrome-developer-tools/docs/css-preprocessors) 以某种方式在 Chrome 中调试我的 Less css 文件有人知道如何实现吗？

【问题讨论】：

不是答案，但如果您还没有看到这些...（1）带有 sass sass-rails-source-maps 的源地图的宝石和（2）咖啡脚本源地图初始化程序的要点source_maps.rb

【参考方案1】：

在我看来，解决问题最方便的方法是：放弃 assets pipeline 和 less-rails。将gulp-less+gulp-less-sourcemap 更改为gulp 或blendid。这需要一些时间来配置，但正如我的实践所表明的，时间的损失远远超过了生命编辑、非常快速的编译，当然还有源地图等功能的回报。

其实我个人并没有在这样的bundle中使用less，但是sass的实现还是很方便的。我认为 less 可能是一样的

【参考方案2】：

您可以使用 pry 在 rails 中进行调试。因此，无论您在 haml 或 html 中使用 css 的任何位置，都可以编写类似 -binding.pry（如果是 haml）的内容。 Pry 用于调试 ruby​​ 代码，但您也可以在 haml(view) 中使用 -.

https://github.com/pry/pry

希望这会有所帮助。

【讨论】：

不是我想要的。