Question

使用Sass时，如何在输出CSS文件中将缩进从2个空格更改为4个空格？我正在使用扩展的风格。我对Ruby一无所知，但我试图在我的计算机上阅读/Library/Ruby/Gems/1.8/gems/sass-3.2.1/中的每个rb文件。

Answer 1

sass-3.2.3/lib/sass/tree/visitors/to_css.rb有许多硬编码的双空格字符串（' '），用于缩进。如果用四个空格字符串替换它们，它将按照你的说法编译你的css。

Answer 2

更改sass缩进的正确方法是转到tab_str = ' ' * (@tabs + node.tabs)（或者to_css.rb文件的任何位置），然后编辑：

PXLongOperation.StartOperation(this.Base, delegate() { ARDocumentRelease.ReleaseDoc(list, false); });

Answer 3

由于这是关于sass缩进的参考问题，并且截至目前（2019年12月），已接受的答案已过时；我添加了这个答案。
根据{{3}}，在其选项中，它接受称为indentType和indentWidth的两个选项来控制缩进行为。
默认情况下使用4个空格，可以将其更改为1个标签，如下所示：

function css() {
    return gulp
    .src("./scss/**/*.scss")
    .pipe(plumber())
    .pipe(sass({
        outputStyle: "expanded",
        includePaths: "./node_modules",
        indentType: "tab",
        indentWidth: 1
    }))
    .on("error", sass.logError)
    .pipe(autoprefixer({
        cascade: false
    }))
    .pipe(header(banner, {
        pkg: pkg
    }))
    .pipe(gulp.dest("./css"))
    .pipe(rename({
        suffix: ".min"
    }))
    .pipe(cleanCSS())
    .pipe(gulp.dest("./css"))
    .pipe(browsersync.stream());
}

改变Sass中的缩进

3 个答案: