concat과 uglify 및 minify의 차이점은 무엇입니까?

concat과 uglify 및 minify의 차이점은 무엇입니까?

---

grunt에서 concat, uglify 및 minify 작업의 차이점은 무엇입니까? 내 사이트의 모든 자바 스크립트 작업에 대해 uglify 작업을 설정했는데 축소하고 연결하는 것처럼 보였습니다. Grunt의 사이트에는 각 작업을 구성하는 방법에 대한 훌륭한 설명이 있지만 각 작업이 실제로 수행하는 작업을 설명하지 않는 것 같습니다.

---

• 연결 은 모든 정적 파일을 하나의 큰 파일에 추가하는 것입니다 .

• 축소 는 불필요한 공백 과 곱슬 및 세미콜론과 같은 중복 / 선택적 토큰을 제거 하는 것이며 linter를 사용하여 되돌릴 수 있습니다.

• Uglification 은 코드 를 "읽을 수없는"형식으로 변환 하는 행위입니다 . 즉, 원래 의도를 숨기기 위해 변수 / 함수 이름을 바꾸는 것입니다. 또한 되돌릴 수 없습니다.

---

연결 -지정된 모든 파일을 병합하여 새 단일 파일을 만듭니다.

축소 -단순히 모든 불필요한 공백과 중복 된 선택적 토큰이 제거됨을 의미합니다.

예-self.description = 'Hello'축소 된 버전은 다음과 같습니다.-self.description = 'Hello'

Uglification- 핵심 로직이 쉽게 이해할 수없는 형식으로 코드를 변환하는 것을 의미합니다. 동일한 작업을 수행하기 위해 변수와 해당 참조의 이름을 바꾸고 매개 변수 이름을 더 짧은 이름 등으로 바꾸고, 아무도 쉽게 이해할 수 없도록 비즈니스 로직을 난독 화합니다.

예 -

self.description = 'Hello';
function(self.description){}

Uglified 버전은-

  j.description = 'Hello';
  function(j.description){}

참조 URL : https://stackoverflow.com/questions/19694448/whats-the-difference-between-concat-and-uglify-and-minify