Stylus预处理器简介(二十七)资源映射（Sourcemap）

资源映射（Sourcemap）

Stylus根据Sourcemap v3规范支持基本的Sourcemap

创建一个sourcemap

通过Stylus文件传递--sourcemap标志(或-m)。这将创建一个style.css文件和一个style.css.map文件作为你的样式的兄弟文件。样式，并在style.css的底部放置一个sourcemap链接到你的sourcemap。

stylus -m style.styl

您也可以在查看文件时运行此命令。例如:stylus -w -m style. style。这将在每次保存时更新你的源地图。

JavaScript API

使用一个选项对象或布尔值设置sourcemap设置:

var stylus = require('stylus');

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

style.render(function(err, css) {
  // generated sourcemap object
  console.log(style.sourcemap);
});

Options

`comment`     在生成的CSS中添加“sourceMappingURL”注释 (default: `true`)
`inline`     用base64格式的完整源文本内联sourcemap (default: `false`)
`sourceRoot`  "sourceRoot"属性生成的sourcemap
`basePath`    源映射和所有源相对的基本路径 (default: `.`)