2017-05-20 9 views
0

이 질문은 비슷합니다으로 감소 않습니다. minifier가 코드와 스타일을 한 줄로 줄이는 이유는 무엇입니까? 프로덕션 코드에서도 내가 고려하지 않은 버그가있을 수 있습니다. 다른 사람은 전문적인 100 % 완벽한 개발자 일지 모르지만 최소한 12 개 정도의 개보수를 삽입 할 수있는 옵션을 원합니다. 나는 약간의 코드 축소를 피했다. 지금까지는 약간의 성능 향상과 코드 검토의 균형이 필요했습니다.왜 minfiers 한 줄

사용자 정의 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); } 

갖는 반 다스 나에게 문제를 일으키는 함수 또는 클래스를 좁힐 수있는 것입니다 그래서 줄 바꿈. 개발 중에 테스트를 대체해서는 안된다는 것을 이해합니다.

+0

Chrome devtools ('{} '모양의 아이콘)에있는 "예쁜 인쇄"기능을 알고 있는데, 이는 소스에 개행 문자를 넣을 것입니다. –

+0

친절한 @ 토라자부로하십시오. 나는 똑똑한 사람이 아니에요. 최선의 표를 얻으려고 그걸 대답하고 싶습니까? – DeadSupra

답변

1

devtools의 pretty-print 옵션을 사용하십시오.

enter image description here

이 당신을 줄 것이다 :

enter image description here

Documentation is here합니다.