学习stylus【27】SOURCEMAPS

SOURCEMAPS

Stylus支持基础的源地图 Sourcemap v3 spec

创建一个源地图

使用Stylus文件传递–sourcemap标志（或-m）。 这将创建一个style.css文件和一个style.css.map文件作为您的style.styl的兄弟文件，并将style.css底部的sourcemap链接放到您的sourcemap中。
stylus -m style.styl
您也可以在观看文件时运行此命令。 例如： stylus -w -m style.styl。 这会在每次保存时更新您的源映射。

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的注释（默认值：true）
inline 使用base64格式的全部源文本内联源图（默认：“false”）
sourceRoot 生成的源映射的“sourceRoot”属性
basePath 源图和所有源相对的基本路径（默认值：.）