我正在为某些项目选择css预处理器，并希望确保它可以在Firebug和Chrome检查器中进行调试（以查看.less .scss .styl中的实际行）。目前是否可以为这 3 个预处理器设置 chrome/ff 调试？
对于支持 CSS 源映射的预处理器，Chrome DevTools 允许您在"源"面板中实时编辑预处理器源文件，并查看结果，而无需离开 DevTools 或刷新页面。检查其样式由生成的 CSS 文件提供的元素时，"元素"面板将显示指向原始源文件的链接，而不是生成的.css文件的链接。
若要使用此工作流，CSS 预处理器必须支持 CSS 源映射，特别是源映射 v3 建议。CSS 源映射必须与 CSS 文件一起生成，以便 DevTools 可以将每个 CSS 属性映射到原始源文件（例如 .scss 文件）中的正确位置。
您可以在 https://developers.google.com/chrome-developer-tools/docs/css-preprocessors 阅读更多信息
万一其他人最终来到这里，要在 Chrome for Sass 中使用源地图，您需要先使用 --sourcemap 标志生成它们！
sass --watch --sourcemap --debug-in sass/screen.scss:screen.css
更多信息： https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#debugging-sass
--debug-info标志将设置css以与FireSass一起使用。