Sass + 开发工具工作流程

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅途中的每个阶段提供云产品。立即开始使用 $200 免费信用额度!

最近出现了一些关于如何通过使用 1) 源映射(Source Maps)让 Chrome 了解您的 Sass 文件和部分 2) 告知开发工具将更改保存到磁盘 3) 确保这些更改会自动重新编译 4) 使用 LiveReload 浏览器扩展来确保这些更改注入到页面中来改进 Sass/CSS 工作流程的优秀文章。

Ben Frain 的 使用源映射、Chrome Web 开发者工具和 Grunt 进行更快的 Sass 调试和样式迭代 以及 Tim Lucas 的 开始使用 CSS 源映射和浏览器内 Sass 编辑

源映射需要 Sass 3.3,它处于 Alpha 版本,并且 尚不 支持 Compass。

直接链接 →