ruby - Sass のインデントを変更する

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' 'インデントに使用されるハードコーディングされたダブルスペース文字列 ( ) が多数あります。それらをすべて4つのスペースの文字列に置き換えると、あなたが述べたようにcssがコンパイルされます。

Answer 2

sass のインデントを変更する正しい方法は、rubygems/gems/sass-3.x.x/lib/sass/tree/visitors/to_css.rb(または to_css.rb ファイルのある場所) に移動し、これを編集することです。

tab_str = ' ' * (@tabs + node.tabs)

Answer 3

これはインデントに関する参照された質問sassであり、現在 (2019 年 12 月) の時点で、受け入れられた回答は古くなっています。この答えを追加します。documentation
に よると、そのオプションの中で、インデント動作を制御するとという 2 つのオプションを受け入れます。 デフォルトでは、次のように 1 つのタブに変更できる 4 つのスペースを使用しています。 sassindentTypeindentWidth

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());
}