怎样让chrome，firefox，safari浏览器支持scss，coffee，haml等开发友好的web开发语言？

[edward1992]

作为一个偏web前端的rails程序员，我觉得在rails开发里常用到的haml，coffee，scss，less这些语言其实非常适合集成到各大主流浏览器里面。有这样的工具的话，浏览器在开发中的作用就会开始超越一个debug的地方。

我有稍微试想一下如果真的要这么做，需要对浏览器做什么。我觉得未必需要深入到浏览器的内核去添加这些支持功能。可以以extension的形式来支持。比如说，在浏览器添加scss的样式时，扩展的解释器把scss解释成css，再和浏览器的解析渲染过程结合。

[jybox]

我也很疑惑对于jQuery这种常用的库为什么浏览器不内置呢。

[helone]

问题没你们想象中的那么简单，况且需求又不是必须，不是所有人都喜欢haml，coffee，scss，less。

[edward1992]

@helone 没有必要满足所有人的需求啊，但我相信我这需求不会只是我一个人而已。

[est]

chrome v31以上版本已经有了 http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

亲测 jquery 1.9 min 版本的map有效。

[anson0370]

less 的编译器是 js 的，所以实际上可以直接在浏览器里解析 less
sass 暂时还是 ruby 的，没办法
coffee 也是 ruby 的，同上

让不同的浏览器自己去实现不同的预处理器可能会带来更多兼容问题（如果引用官方实现岂不是还要带一个 ruby 的运行时？）
而且部分旧的浏览器显然是不会升级的，所以你在 release 的时候依然要部署编译后的 css 和 js
也就是说即使 chrome 之类的浏览器支持了，也只是方便了你做开发，然而单就开发来说一个能提供实时 watch 和 live reload 的打包工具就够用了

[livelazily]

@anson0370 coffee可以用sourcemaps在chrome里直接调试

[jybox]

@anson0370 coffee 难道不是 js 写的么。。。

[dorentus]

Source maps +1

PS: CoffeeScript 的解释器/编译器是 Javascript 的。
https://github.com/jashkenas/coffee-script/

[tangzx]

Source map + middleman

[anson0370]

@jybox
@dorentus
@livelazily

coffee 的编译器是我记错了 orz ， gem list 了下发现有 coffee-script 就想当然的觉得是 ruby 的了

虽然大家都在说 SourceMaps ，不过我觉得这不是重点，因为 coffee 生成的 js 已经足够可读了，配合 debugger 即使直接调试编译后的 js 也没有任何障碍，楼主想要的应该还是能直接运行 coffee 吧。

真要 SourceMaps 发挥的还是差距比较大的语言，比如 Scala.js

[param]

9102 年了，是时候问为什么不支持 typescript 了