Почему миньеры сводятся к одной строчке

Question

Этот вопрос похож на: Почему у нас есть новые строки в уменьшенном JavaScript?

В этом случае я бы предпочел полдюжины или около того новых строк. Почему минифайеры сокращают код и стиль до одной строки? Даже в рабочем коде у меня могут быть ошибки, которые я не учел. В то время как другие могут быть профессионалами - на 100% идеальными разработчиками, я бы хотел добавить хотя бы дюжину новых строк. Я немного избежал минимизации кода. До сих пор мне хотелось бы немного больше производительности, но также и некоторый баланс обзора кода.

Может быть, не новая строка для каждой функции, но по крайней мере для каждого объекта класса, так как я использую много пользовательских классов React Component.

Милая:

var num = 10;
const dothis = function() {
 let x = 0;
 for(x = 0; x < num; x++) {
    ...
};
function dothat(){
  var foo = 'Hello';
  let name = 'World';
  var bar = foo + name;
  console.log(bar);
}

Uglified

var num=10;const dothis=function(){let x=0;for(x=0;x<num;x++){...}};function dothat(){var foo = 'Hello';let name = 'World';var bar = foo + name;console.log(bar);}

Something in between

var num = 10;
const dothis = function() { let x=0; for(x = 0; x < num; x++) {...};
function dothat(){ var foo = 'Hello'; let name = 'World'; var bar = foo + name; console.log(bar); }

Полдюжины или около того новой строки позволили бы мне сузить функцию или класс, вызывающий проблему. Я понимаю, что это не должно заменить тестирование во время разработки.

Answer 1

Используйте опцию pretty-print в devtools.

Это даст вам:

Документация здесь.