Есть следующая функция для Gulp, в таком виде ее форматирует Prettier
function CSS() {
return gulp
.src("./src/style/style.scss")
.pipe(sourcemaps.init())
.pipe(
sass({
errLogToConsole: true,
outputStyle: argv.prod ? "compressed" : "expanded",
includePaths: ["node_modules"],
}).on("error", sass.logError),
)
.pipe(
argv.prod
? autoPrefixer({
cascade: true,
overrideBrowserslist: ["last 3 versions"],
})
: emptyStream(),
)
.pipe(argv.prod ? csso() : emptyStream())
.pipe(sourcemaps.write("."))
.pipe(
argv.prod ? gulp.dest("./build/style/") : gulpMem.dest("./build/style/"),
)
.pipe(browserSync.stream());
}
Конфиг Prettier`a -
{
"useTabs": true,
"bracketSameLine": true,
"trailingComma": "all",
"singleQuote": false,
"semi": true,
"quoteProps": "as-needed",
"proseWrap": "never",
"endOfLine": "auto"
}
Вопрос чем отличается
.pipe(
argv.prod ? gulp.dest("./build/style/") : gulpMem.dest("./build/style/"),
)
от
.pipe(argv.prod ? csso() : emptyStream())
что он разнес ее на три строки и добавил запятую?
Если ставлю
"trailingComma": "es5" результат тот же за исключением запятой
