为什么 minfiers 减少到一行

Question

这个问题类似于：Why do we have newlines in minified JavaScript?

在这种情况下，我希望有六个左右的换行符。为什么 minifiers 将代码和样式减少到一行？即使在生产代码上，我也可能有我没有考虑到的错误。虽然其他人可能是 100% 完美的专业开发人员，但我想要一个至少插入十几个换行符的选项。我有一点避免缩小代码。到现在为止，我想要更多的性能，但也要平衡代码审查。

也许不是每个函数都换行，但至少每个 class 对象都是这样，因为我使用了很多自定义 React 组件 classes.

漂亮：

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

有六个左右的换行符可以让我缩小函数范围或 class 导致问题的范围。我明白这不应该取代开发过程中的测试。

Answer 1

使用 devtools 中的漂亮打印选项。

这会给你：

Documentation is here.

为什么 minfiers 减少到一行

Why do minfiers reduce to one line

newline

minify

gulp-minify-css

gulp-minify