Sourcemaps

Stylus 支持基本的 sourcemaps，符合 Sourcemap v3 规范

创建 sourcemap

使用带有 Stylus 文件的 --sourcemap 标志（或 -m）。这将创建一个 style.css 文件和一个 style.css.map 文件作为 style.styl 的同级文件，并在 style.css 底部放置一个指向 sourcemap 的链接。

stylus -m style.styl

您也可以在监视文件时运行此命令。例如：stylus -w -m style.styl。这将在每次保存时更新您的 sourcemap。

JavaScript API

使用选项对象或布尔值设置 sourcemap 设置：

var stylus = require("stylus");

var style = stylus(str).set("filename", "file.styl").set("sourcemap", options);

style.render(function (err, css) {
  // 生成的 sourcemap 对象
  console.log(style.sourcemap);
});

选项

`comment`     在生成的 CSS 中添加带有 `sourceMappingURL` 的注释（默认值：`true`）
`inline`      使用 base64 格式的完整源文本内联 sourcemap（默认值：`false`）
`sourceRoot`  生成的 sourcemap 的 "sourceRoot" 属性
`basePath`    sourcemap 和所有源相对的基本路径（默认值：`.`）